{{ .Title }}
-
-
+
+
{{ partial "post-meta.html" . }}
@@ -22,16 +22,16 @@
{{ $lowerLimit := (add $offsetLinks 1) }}
{{ $upperLimit := (sub $paginator.TotalPages $offsetLinks) }}
{{ if gt $paginator.TotalPages 1 }}
-
+
{{ if ne $paginator.PageNumber 1 }}
- -
+
{{ end }}
{{ if $paginator.HasPrev }}
-
-
+
{{ end }}
{{ range $paginator.Pagers }}
{{ $.Scratch.Set "pageNumFlag" false }}
@@ -53,22 +53,22 @@
{{ $.Scratch.Set "pageNumFlag" true }}
{{ end }}
{{ if eq ($.Scratch.Get "pageNumFlag") true }}
-
-
+
{{ end }}
{{ end }}
{{ if $paginator.HasNext }}
-
-
+
{{ end }}
{{ if ne $paginator.PageNumber $paginator.TotalPages }}
-
-
+
{{ end }}
-
+
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 8d4a8db..a61499c 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,34 +1,30 @@
-{{ partial "head.html" . }}
-
+
+ {{ partial "head.html" . }}
+
+
+
+ {{ partial "scripts-front.html" . }}
{{ partial "header.html" . }}
-
+
{{ block "main" . }}{{ end }}
-
-
- {{ partial "sidebar.html" . }}
-
-
- {{ if .Site.Params.playerURL }}
-
- {{ end }}
- {{ if .Site.Params.scrollTop }}
-
-
-
- {{ end }}
+ {{ partial "sidebar.html" . }}
+ {{ partial "components.html" . }}
{{ partial "footer.html" . }}
- {{ partial "scripts.html" . }}
+ {{ if or .Params.math .Site.Params.math }}
+ {{ partial "math.html" . }}
+ {{ end }}
+ {{ partial "scripts-end.html" . }}
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index bcefcc2..0e52ab4 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -3,13 +3,13 @@
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
{{ range $paginator.Pages }}
-
+
{{ .Title }}
-
+
{{ partial "post-meta.html" . }}
-
+
{{ .Summary }}
@@ -21,16 +21,16 @@
{{ $lowerLimit := (add $offsetLinks 1) }}
{{ $upperLimit := (sub $paginator.TotalPages $offsetLinks) }}
{{ if gt $paginator.TotalPages 1 }}
-
+
{{ if ne $paginator.PageNumber 1 }}
- -
+
{{ end }}
{{ if $paginator.HasPrev }}
-
-
+
{{ end }}
{{ range $paginator.Pagers }}
{{ $.Scratch.Set "pageNumFlag" false }}
@@ -52,22 +52,22 @@
{{ $.Scratch.Set "pageNumFlag" true }}
{{ end }}
{{ if eq ($.Scratch.Get "pageNumFlag") true }}
-
-
+
{{ end }}
{{ end }}
{{ if $paginator.HasNext }}
-
-
+
{{ end }}
{{ if ne $paginator.PageNumber $paginator.TotalPages }}
-
-
+
{{ end }}
-
+
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index e2b0fc1..72ec0a8 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,10 +1,10 @@
{{ define "main" }}
-
+
{{ .Title }}
-
-
+
+
{{ partial "post-meta.html" . }}
{{ with .Params.playerURL }}
@@ -19,12 +19,12 @@
{{ if ne .Params.noLicense true }}
- {{ i18n "postCopyrightFront" }}{{ .Site.Params.license }}{{ i18n "postCopyrightEnd" }}
+ {{ i18n "postCopyrightFront" }}{{ .Site.Params.license }}{{ i18n "postCopyrightEnd" }}
{{ end }}
{{ if ne .Params.noComments true }}
{{ partial "comment-utterances.html" . }}
-{{ partial "comment-disqus.html" . }}
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/tag.html b/layouts/_default/tag.html
index 97d6ead..7bcabb8 100644
--- a/layouts/_default/tag.html
+++ b/layouts/_default/tag.html
@@ -7,13 +7,13 @@
{{ $paginator := .Paginator }}
{{ range $paginator.Pages }}
-
+
{{ .Title }}
-
+
{{ partial "post-meta.html" . }}
-
+
{{ .Summary }}
@@ -25,16 +25,16 @@
{{ $lowerLimit := (add $offsetLinks 1) }}
{{ $upperLimit := (sub $paginator.TotalPages $offsetLinks) }}
{{ if gt $paginator.TotalPages 1 }}
-
+
{{ if ne $paginator.PageNumber 1 }}
- -
+
{{ end }}
{{ if $paginator.HasPrev }}
-
-
+
{{ end }}
{{ range $paginator.Pagers }}
{{ $.Scratch.Set "pageNumFlag" false }}
@@ -56,22 +56,22 @@
{{ $.Scratch.Set "pageNumFlag" true }}
{{ end }}
{{ if eq ($.Scratch.Get "pageNumFlag") true }}
-
-
+
{{ end }}
{{ end }}
{{ if $paginator.HasNext }}
-
-
+
{{ end }}
{{ if ne $paginator.PageNumber $paginator.TotalPages }}
-
-
+
{{ end }}
-
+
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment-disqus.html b/layouts/partials/comment-disqus.html
deleted file mode 100644
index 539f8c7..0000000
--- a/layouts/partials/comment-disqus.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{ with .Site.Params.disqusShortname }}
-
-
-
-
-{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index 3e56201..43c06bf 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -4,6 +4,8 @@
{{ i18n "postCommentLoading" }}
-
+
{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/components.html b/layouts/partials/components.html
new file mode 100644
index 0000000..273f813
--- /dev/null
+++ b/layouts/partials/components.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index be8f5bf..cb43e10 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,10 @@
-{{ if ne .Params.noLicense true }}
+{{ if and (.Site.Params.showLicense) (ne .Params.noLicense true) }}
{{ i18n "postCopyrightFront" }}
- 查看评论
+ {{ i18n "postComment" }}
diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index f6766d5..f8683b6 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -1,6 +1,6 @@
- 查看评论
+ {{ i18n "postComment" }}
+
+{{ end }}
+{{ math.inline >}}
+
+## Examples
+
+Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$
+
+Block math:
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
diff --git a/exampleSite/content/post/placeholder-text.md b/exampleSite/content/post/placeholder-text.md
new file mode 100644
index 0000000..48b2bec
--- /dev/null
+++ b/exampleSite/content/post/placeholder-text.md
@@ -0,0 +1,51 @@
++++
+title = "Placeholder Text"
+date = "2019-03-09"
+description = "Lorem Ipsum Dolor Si Amet"
+tags = [
+ "markdown",
+ "text",
+]
++++
+
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
+lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
+silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
+tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+# Vagus elidunt
+
+
+
+[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+## Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra
+dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
+furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
+Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
+Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
+ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
+vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
+Propoetides **parte**.
diff --git a/exampleSite/content/post/wtf-article.md b/exampleSite/content/post/wtf-article.md
new file mode 100644
index 0000000..d7b2266
--- /dev/null
+++ b/exampleSite/content/post/wtf-article.md
@@ -0,0 +1,68 @@
++++
+title = "纯简体中文测试文章"
+date = 2017-04-01T00:00:00+08:00
+description = "本文内容无实际意义,由狗屁不通文章生成器自动生成,不代表作者本人观点"
+tags = [
+ "test",
+ "wtf"
+]
+noToc = true
++++
+
+本文内容无实际意义,由狗屁不通文章生成器自动生成,不代表作者本人观点。
+
+可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天,到底应该如何实现。马克思在不经意间这样说过,一切节省,归根到底都归结为时间的节省。这不禁令我深思。马克思曾经说过,一切节省,归根到底都归结为时间的节省。
+
+
+
+带着这句话,我们还要更加慎重的审视这个问题:对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如何,我们不得不面对一个非常尴尬的事实,那就是,亚伯拉罕·林肯曾经提到过,你活了多少岁不算什么,重要的是你是如何度过这些岁月的。这启发了我,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。我认为,在这种困难的抉择下,本人思来想去,寝食难安。所谓一段代码写一天,关键是一段代码写一天需要如何写。裴斯泰洛齐在不经意间这样说过,今天应做的事没有做,明天再早也是耽误了。这句话语虽然很短,但令我浮想联翩。总结的来说,带着这些问题,我们来审视一下一段代码写一天。西班牙曾经说过,自知之明是最难得的知识。这不禁令我深思。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。贝多芬在不经意间这样说过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。带着这句话,我们还要更加慎重的审视这个问题:在这种困难的抉择下,本人思来想去,寝食难安。问题的关键究竟为何?对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。
+
+每个人都不得不面对这些问题。在面对这种问题时,歌德曾经提到过,读一本好书,就如同和一个高尚的人在交谈。这似乎解答了我的疑惑。歌德在不经意间这样说过,读一本好书,就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。从这个角度来看,一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。现在,解决一段代码写一天的问题,是非常非常重要的。所以,马克思曾经提到过,一切节省,归根到底都归结为时间的节省。这似乎解答了我的疑惑。一般来讲,我们都必须务必慎重的考虑考虑。阿卜·日·法拉兹曾经说过,学问是异常珍贵的东西,从任何源泉吸收都不可耻。我希望诸位也能好好地体会这句话。既然如此,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。白哲特曾经说过,坚强的信念能赢得强者的心,并使他们变得更坚强。带着这句话,我们还要更加慎重的审视这个问题:富勒在不经意间这样说过,苦难磨炼一些人,也毁灭另一些人。带着这句话,我们还要更加慎重的审视这个问题:这样看来,一般来讲,我们都必须务必慎重的考虑考虑。从这个角度来看,从这个角度来看,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。而这些并不是完全重要,更加重要的问题是。
+
+带着这些问题,我们来审视一下一段代码写一天。要想清楚,一段代码写一天,到底是一种怎么样的存在。经过上述讨论,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。佚名曾经提到过,感激每一个新的挑战,因为它会锻造你的意志和品格。这句话语虽然很短,但令我浮想联翩。现在,解决一段代码写一天的问题,是非常非常重要的。所以,每个人都不得不面对这些问题。在面对这种问题时,我们都知道,只要有意义,那么就必须慎重考虑。经过上述讨论。
+
+了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一般来说,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。笛卡儿在不经意间这样说过,阅读一切好书如同和过去最杰出的人谈话。我希望诸位也能好好地体会这句话。在这种困难的抉择下,本人思来想去,寝食难安。问题的关键究竟为何?了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。莎士比亚曾经说过,抛弃时间的人,时间也抛弃他。我希望诸位也能好好地体会这句话。
+
+笛卡儿说过一句富有哲理的话,阅读一切好书如同和过去最杰出的人谈话。这句话语虽然很短,但令我浮想联翩。鲁巴金曾经提到过,读书是在别人思想的帮助下,建立起自己的思想。这启发了我,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。一段代码写一天因何而发生?一段代码写一天因何而发生?我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。邓拓曾经说过,越是没有本领的就越加自命不凡。这启发了我,从这个角度来看,一般来讲,我们都必须务必慎重的考虑考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。一般来说。
+
+对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。总结的来说,从这个角度来看,本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。德谟克利特说过一句富有哲理的话,节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们都知道,只要有意义,那么就必须慎重考虑。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。史美尔斯曾经提到过,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这句话语虽然很短,但令我浮想联翩。一般来讲,我们都必须务必慎重的考虑考虑。既然如此,我们都知道,只要有意义,那么就必须慎重考虑。这样看来,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。德国曾经提到过,只有在人群中间,才能认识自己。我希望诸位也能好好地体会这句话。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。
+
+所谓一段代码写一天,关键是一段代码写一天需要如何写。我们不得不面对一个非常尴尬的事实,那就是,从这个角度来看,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。莎士比亚在不经意间这样说过,意志命运往往背道而驰,决心到最后会全部推倒。我希望诸位也能好好地体会这句话。一段代码写一天,到底应该如何实现。那么,一段代码写一天,到底应该如何实现。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天,发生了会如何,不发生又会如何。在这种困难的抉择下,本人思来想去,寝食难安。塞涅卡在不经意间这样说过,生命如同寓言,其价值不在与长短,而在与内容。这不禁令我深思。那么,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。所谓一段代码写一天,关键是一段代码写一天需要如何写。我认为,所谓一段代码写一天,关键是一段代码写一天需要如何写。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。在这种困难的抉择下,本人思来想去,寝食难安。带着这些问题,我们来审视一下一段代码写一天。一段代码写一天,到底应该如何实现。一段代码写一天,发生了会如何,不发生又会如何。既然如何,要想清楚,一段代码写一天,到底是一种怎么样的存在。那么,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。总结的来说,那么,带着这些问题,我们来审视一下一段代码写一天。要想清楚,一段代码写一天,到底是一种怎么样的存在。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们不得不面对一个非常尴尬的事实,那就是,总结的来说,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一段代码写一天,发生了会如何,不发生又会如何。西班牙曾经提到过,自己的鞋子,自己知道紧在哪里。带着这句话,我们还要更加慎重的审视这个问题:既然如何,每个人都不得不面对这些问题。在面对这种问题时,问题的关键究竟为何?从这个角度来看,既然如此,在这种困难的抉择下,本人思来想去,寝食难安。我认为。
+
+一段代码写一天因何而发生?我们不得不面对一个非常尴尬的事实,那就是,洛克在不经意间这样说过,学到很多东西的诀窍,就是一下子不要学很多。这不禁令我深思。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。一般来说,而这些并不是完全重要,更加重要的问题是,问题的关键究竟为何?而这些并不是完全重要,更加重要的问题是,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一段代码写一天因何而发生?所谓一段代码写一天,关键是一段代码写一天需要如何写。一段代码写一天因何而发生?这样看来,一段代码写一天,到底应该如何实现。卡耐基说过一句富有哲理的话,一个不注意小事情的人,永远不会成就大事业。带着这句话,我们还要更加慎重的审视这个问题:一段代码写一天,到底应该如何实现。既然如此,而这些并不是完全重要,更加重要的问题是。
+
+冯学峰说过一句富有哲理的话,当一个人用工作去迎接光明,光明很快就会来照耀着他。我希望诸位也能好好地体会这句话。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。而这些并不是完全重要,更加重要的问题是,那么,要想清楚,一段代码写一天,到底是一种怎么样的存在。从这个角度来看,一段代码写一天,发生了会如何,不发生又会如何。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。在这种困难的抉择下,本人思来想去,寝食难安。我们都知道,只要有意义,那么就必须慎重考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。问题的关键究竟为何?本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。鲁巴金曾经提到过,读书是在别人思想的帮助下,建立起自己的思想。这不禁令我深思。莎士比亚曾经提到过,人的一生是短的,但如果卑劣地过这一生,就太长了。这启发了我。
+
+所谓一段代码写一天,关键是一段代码写一天需要如何写。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。海贝尔曾经说过,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。这似乎解答了我的疑惑。德国曾经说过,只有在人群中间,才能认识自己。这不禁令我深思。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。带着这些问题,我们来审视一下一段代码写一天。这样看来,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。克劳斯·莫瑟爵士在不经意间这样说过,教育需要花费钱,而无知也是一样。这似乎解答了我的疑惑。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一般来讲,我们都必须务必慎重的考虑考虑。一般来讲,我们都必须务必慎重的考虑考虑。一段代码写一天因何而发生?对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。而这些并不是完全重要,更加重要的问题是,一般来讲,我们都必须务必慎重的考虑考虑。我们都知道,只要有意义,那么就必须慎重考虑。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。博说过一句富有哲理的话,一次失败,只是证明我们成功的决心还够坚强。维这启发了我,从这个角度来看,问题的关键究竟为何?这样看来,既然如此,所谓一段代码写一天,关键是一段代码写一天需要如何写。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。总结的来说,我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。经过上述讨论,史美尔斯说过一句富有哲理的话,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。带着这句话,我们还要更加慎重的审视这个问题:在这种困难的抉择下,本人思来想去,寝食难安。在这种困难的抉择下,本人思来想去,寝食难安。冯学峰曾经说过,当一个人用工作去迎接光明,光明很快就会来照耀着他。这句话语虽然很短,但令我浮想联翩。
+
+所谓一段代码写一天,关键是一段代码写一天需要如何写。米歇潘在不经意间这样说过,生命是一条艰险的峡谷,只有勇敢的人才能通过。我希望诸位也能好好地体会这句话。问题的关键究竟为何?培根在不经意间这样说过,合理安排时间,就等于节约时间。这句话语虽然很短,但令我浮想联翩。吉格·金克拉说过一句富有哲理的话,如果你能做梦,你就能实现它。这启发了我,这样看来,既然如何,吉格·金克拉说过一句富有哲理的话,如果你能做梦,你就能实现它。这句话语虽然很短,但令我浮想联翩。所谓一段代码写一天,关键是一段代码写一天需要如何写。我们不得不面对一个非常尴尬的事实,那就是,在这种困难的抉择下,本人思来想去,寝食难安。要想清楚,一段代码写一天,到底是一种怎么样的存在。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。我们不得不面对一个非常尴尬的事实,那就是,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。所谓一段代码写一天,关键是一段代码写一天需要如何写。而这些并不是完全重要,更加重要的问题是,左拉在不经意间这样说过,生活的道路一旦选定,就要勇敢地走到底,决不回头。这似乎解答了我的疑惑。一般来讲,我们都必须务必慎重的考虑考虑。一般来说,经过上述讨论,总结的来说,一般来讲,我们都必须务必慎重的考虑考虑。这样看来,既然如此,一般来说,一段代码写一天,发生了会如何,不发生又会如何。那么,既然如此,每个人都不得不面对这些问题。在面对这种问题时,莎士比亚曾经提到过,本来无望的事,大胆尝试,往往能成功。带着这句话,我们还要更加慎重的审视这个问题:韩非在不经意间这样说过,内外相应,言行相称。这似乎解答了我的疑惑。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这不禁令我深思。我们不得不面对一个非常尴尬的事实,那就是,总结的来说,现在,解决一段代码写一天的问题,是非常非常重要的。所以,我们不得不面对一个非常尴尬的事实,那就是,我认为,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。我们都知道,只要有意义,那么就必须慎重考虑。培根在不经意间这样说过,合理安排时间,就等于节约时间。带着这句话,我们还要更加慎重的审视这个问题:可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。从这个角度来看,一般来讲,我们都必须务必慎重的考虑考虑。那么,所谓一段代码写一天,关键是一段代码写一天需要如何写。歌德曾经说过,意志坚强的人能把世界放在手中像泥块一样任意揉捏。带着这句话,我们还要更加慎重的审视这个问题:这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。每个人都不得不面对这些问题。在面对这种问题时,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。塞涅卡曾经提到过,生命如同寓言,其价值不在与长短,而在与内容。这句话语虽然很短,但令我浮想联翩。
+
+我们都知道,只要有意义,那么就必须慎重考虑。带着这些问题,我们来审视一下一段代码写一天。笛卡儿曾经说过,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。带着这句话,我们还要更加慎重的审视这个问题:现在,解决一段代码写一天的问题,是非常非常重要的。所以,本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。迈克尔·F·斯特利曾经提到过,最具挑战性的挑战莫过于提升自我。这启发了我,现在,解决一段代码写一天的问题,是非常非常重要的。所以,既然如何,我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。易卜生说过一句富有哲理的话,伟大的事业,需要决心,能力,组织和责任感。带着这句话,我们还要更加慎重的审视这个问题:我们都知道,只要有意义,那么就必须慎重考虑。一段代码写一天,发生了会如何,不发生又会如何。带着这些问题,我们来审视一下一段代码写一天。我们不得不面对一个非常尴尬的事实,那就是,我们不得不面对一个非常尴尬的事实,那就是。
+
+我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,在这种困难的抉择下,本人思来想去,寝食难安。在这种困难的抉择下,本人思来想去,寝食难安。我们不得不面对一个非常尴尬的事实,那就是,现在,解决一段代码写一天的问题,是非常非常重要的。所以,俾斯麦说过一句富有哲理的话,失败是坚忍的最后考验。带着这句话,我们还要更加慎重的审视这个问题:可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。达·芬奇在不经意间这样说过,大胆和坚定的决心能够抵得上武器的精良。这似乎解答了我的疑惑。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。而这些并不是完全重要,更加重要的问题是,我认为,总结的来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。
+
+问题的关键究竟为何?我们不得不面对一个非常尴尬的事实,那就是,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我认为,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。带着这些问题,我们来审视一下一段代码写一天。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。问题的关键究竟为何?从这个角度来看,我们都知道,只要有意义,那么就必须慎重考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。那么,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。既然如何,从这个角度来看,带着这些问题,我们来审视一下一段代码写一天。一段代码写一天,发生了会如何,不发生又会如何。
+
+培根在不经意间这样说过,要知道对好事的称颂过于夸大,也会招来人们的反感轻蔑和嫉妒。这句话语虽然很短,但令我浮想联翩。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。既然如何,而这些并不是完全重要,更加重要的问题是,这样看来,贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这不禁令我深思。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一段代码写一天,发生了会如何,不发生又会如何。问题的关键究竟为何?卡耐基在不经意间这样说过,我们若已接受最坏的,就再没有什么损失。我希望诸位也能好好地体会这句话。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。现在,解决一段代码写一天的问题,是非常非常重要的。所以,要想清楚,一段代码写一天,到底是一种怎么样的存在。爱迪生曾经说过,失败也是我需要的,它和成功对我一样有价值。我希望诸位也能好好地体会这句话。既然如何,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。海贝尔说过一句富有哲理的话,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。我希望诸位也能好好地体会这句话。
+
+这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。经过上述讨论,我认为,莫扎特曾经提到过,谁和我一样用功,谁就会和我一样成功。这句话语虽然很短,但令我浮想联翩。经过上述讨论,我们不得不面对一个非常尴尬的事实,那就是,达尔文说过一句富有哲理的话,敢于浪费哪怕一个钟头时间的人,说明他还不懂得珍惜生命的全部价值。这句话语虽然很短,但令我浮想联翩。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。一般来讲,我们都必须务必慎重的考虑考虑。罗曼·罗兰曾经说过,只有把抱怨环境的心情,化为上进的力量,才是成功的保证。这启发了我,而这些并不是完全重要,更加重要的问题是,总结的来说,这样看来,每个人都不得不面对这些问题。在面对这种问题时,一般来讲,我们都必须务必慎重的考虑考虑。既然如此,总结的来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。
+
+德国曾经提到过,只有在人群中间,才能认识自己。带着这句话,我们还要更加慎重的审视这个问题:既然如此,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。杰纳勒尔·乔治·S·巴顿曾经提到过,接受挑战,就可以享受胜利的喜悦。这不禁令我深思。一段代码写一天因何而发生?问题的关键究竟为何?海贝尔曾经提到过,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。带着这句话,我们还要更加慎重的审视这个问题。
+
+经过上述讨论,我们都知道,只要有意义,那么就必须慎重考虑。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。我认为,一般来说,经过上述讨论,我认为,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。问题的关键究竟为何?一段代码写一天因何而发生?莎士比亚曾经提到过,本来无望的事,大胆尝试,往往能成功。这似乎解答了我的疑惑。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一段代码写一天,到底应该如何实现。我们都知道,只要有意义,那么就必须慎重考虑。总结的来说,那么,叔本华在不经意间这样说过,普通人只想到如何度过时间,有才能的人设法利用时间。这句话语虽然很短,但令我浮想联翩。总结的来说,经过上述讨论,从这个角度来看,一段代码写一天,发生了会如何,不发生又会如何。总结的来说,所谓一段代码写一天,关键是一段代码写一天需要如何写。既然如何,一段代码写一天,到底应该如何实现。
+
+问题的关键究竟为何?一般来讲,我们都必须务必慎重的考虑考虑。歌德说过一句富有哲理的话,读一本好书,就如同和一个高尚的人在交谈。这不禁令我深思。迈克尔·F·斯特利曾经提到过,最具挑战性的挑战莫过于提升自我。这不禁令我深思。在这种困难的抉择下,本人思来想去,寝食难安。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。要想清楚,一段代码写一天,到底是一种怎么样的存在。莫扎特说过一句富有哲理的话,谁和我一样用功,谁就会和我一样成功。这句话语虽然很短,但令我浮想联翩。
+
+这样看来,每个人都不得不面对这些问题。在面对这种问题时,从这个角度来看,现在,解决一段代码写一天的问题,是非常非常重要的。所以,我们不得不面对一个非常尴尬的事实,那就是,富兰克林曾经提到过,读书是易事,思索是难事,但两者缺一,便全无用处。这句话语虽然很短,但令我浮想联翩。我们都知道,只要有意义,那么就必须慎重考虑。康德曾经说过,既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。我希望诸位也能好好地体会这句话。一段代码写一天,到底应该如何实现。而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。一般来讲,我们都必须务必慎重的考虑考虑。带着这些问题,我们来审视一下一段代码写一天。既然如此,我们不得不面对一个非常尴尬的事实,那就是,一般来说,美华纳曾经提到过,勿问成功的秘诀为何,且尽全力做你应该做的事吧。这句话语虽然很短,但令我浮想联翩。我们都知道,只要有意义,那么就必须慎重考虑。叔本华曾经说过,意志是一个强壮的盲人,倚靠在明眼的跛子肩上。我希望诸位也能好好地体会这句话。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如此,郭沫若曾经说过,形成天才的决定因素应该是勤奋。我希望诸位也能好好地体会这句话。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。一般来讲,我们都必须务必慎重的考虑考虑。在这种困难的抉择下,本人思来想去,寝食难安。经过上述讨论,一段代码写一天,发生了会如何,不发生又会如何。从这个角度来看,一段代码写一天因何而发生?了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。既然如何。
+
+而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,既然如何,要想清楚,一段代码写一天,到底是一种怎么样的存在。那么,那么,我认为,经过上述讨论,既然如此,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。卡耐基曾经提到过,一个不注意小事情的人,永远不会成就大事业。这句话语虽然很短,但令我浮想联翩。黑塞曾经提到过,有勇气承担命运这才是英雄好汉。这似乎解答了我的疑惑。一般来说,雷锋在不经意间这样说过,自己活着,就是为了使别人过得更美好。这启发了我,一般来说,而这些并不是完全重要,更加重要的问题是。
+
+裴斯泰洛齐在不经意间这样说过,今天应做的事没有做,明天再早也是耽误了。这句话语虽然很短,但令我浮想联翩。爱迪生曾经说过,失败也是我需要的,它和成功对我一样有价值。带着这句话,我们还要更加慎重的审视这个问题:带着这些问题,我们来审视一下一段代码写一天。既然如此,富勒曾经提到过,苦难磨炼一些人,也毁灭另一些人。我希望诸位也能好好地体会这句话。培根说过一句富有哲理的话,深窥自己的心,而后发觉一切的奇迹在你自己。这似乎解答了我的疑惑。问题的关键究竟为何。
+
+既然如何,一般来讲,我们都必须务必慎重的考虑考虑。经过上述讨论,普列姆昌德曾经说过,希望的灯一旦熄灭,生活刹那间变成了一片黑暗。这不禁令我深思。总结的来说,在这种困难的抉择下,本人思来想去,寝食难安。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这启发了我,那么,在这种困难的抉择下,本人思来想去,寝食难安。那么,带着这些问题,我们来审视一下一段代码写一天。
+
+我认为,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。既然如何,黑塞曾经提到过,有勇气承担命运这才是英雄好汉。这不禁令我深思。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这似乎解答了我的疑惑。在这种困难的抉择下,本人思来想去,寝食难安。
+
+可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。拉罗什福科在不经意间这样说过,我们唯一不会改正的缺点是软弱。这不禁令我深思。既然如此,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一般来讲,我们都必须务必慎重的考虑考虑。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如此,史美尔斯曾经说过,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这不禁令我深思。现在,解决一段代码写一天的问题,是非常非常重要的。所以,一般来讲,我们都必须务必慎重的考虑考虑。现在,解决一段代码写一天的问题,是非常非常重要的。所以,一段代码写一天,到底应该如何实现。贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这似乎解答了我的疑惑。阿卜·日·法拉兹曾经说过,学问是异常珍贵的东西,从任何源泉吸收都不可耻。这似乎解答了我的疑惑。我们不得不面对一个非常尴尬的事实,那就是。
+
+池田大作在不经意间这样说过,不要回避苦恼和困难,挺起身来向它挑战,进而克服它。这句话语虽然很短,但令我浮想联翩。叔本华在不经意间这样说过,意志是一个强壮的盲人,倚靠在明眼的跛子肩上。带着这句话,我们还要更加慎重的审视这个问题:一段代码写一天,发生了会如何,不发生又会如何。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一般来说,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一般来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。
diff --git a/exampleSite/layouts/partials/favicon.html b/exampleSite/layouts/partials/favicon.html
new file mode 100644
index 0000000..dcfd558
--- /dev/null
+++ b/exampleSite/layouts/partials/favicon.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
--
cgit v1.2.3
From 914bf54c493b299268c293be33a8babf99b1cce2 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Thu, 4 Jun 2020 20:08:43 +0800
Subject: Custom scss variable support
---
README.md | 80 +++++++++++++++++++++++++-------------
README_CN.md | 76 ++++++++++++++++++++++++------------
assets/scss/_fuji-theme/_base.scss | 32 +++++++--------
assets/scss/_var.scss | 18 +++++++++
dist/fuji.min.css.map | 2 +-
exampleSite/config.toml | 4 +-
layouts/partials/head.html | 6 +++
static/assets/css/fuji.min.css.map | 2 +-
8 files changed, 148 insertions(+), 72 deletions(-)
diff --git a/README.md b/README.md
index e2e33b8..1a5505c 100644
--- a/README.md
+++ b/README.md
@@ -6,24 +6,25 @@ Fuji is a minimal Hugo theme with full dark mode support and GitHub Primer markd
[English](https://github.com/amzrk2/hugo-theme-fuji#readme) | [简体中文](https://github.com/amzrk2/hugo-theme-fuji/blob/master/README_CN.md)
+After the release of v2, **there may be major changes in the image lazyload shortcode** to make it easier to use.If you want to change the color scheme, please check [🔧 Advanced configuration](#-advanced-configuration).
+
## 📑 Table of contents
-- [💻 Live demos](#user-content--live-demos)
-- [❗ Notice](#user-content--notice)
-- [🐣 Getting started](#user-content--getting-started)
-- [🆕 Update the theme](#user-content--update-the-theme)
-- [⚙️ Configration](#user-content--configration)
- - [🎨 Favicon](#user-content--favicon)
- - [❌ In-post license, comments und toc](#user-content--in-post-license-comments-und-toc)
- - [🎵 APlayer](#user-content--aplayer)
- - [📷 Image zoom and lazyload settings](#user-content--image-zoom-and-lazyload-settings)
- - [⚓ Markdown render hook](#user-content--markdown-render-hook)
- - [📨 Comments area](#user-content--comments-area)
- - [⏱️ Load main CSS und JS from CDN](#user-content--load-main-css-und-js-from-cdn)
- - [🔧 Advanced configuration](#user-content--advanced-configuration)
-- [✏️ Report und contributing](#user-content--report-und-contributing)
-- [📝 License](#user-content--license)
-- [🤝 Annotations](#user-content--annotations)
+- [💻 Live demos](#-live-demos)
+- [❗ Notice](#-notice)
+- [🐣 Getting started](#-getting-started)
+- [🆕 Update the theme](#-update-the-theme)
+- [⚙️ Configration](#%EF%B8%8F-configration)
+ - [🎨 Favicon](#-favicon)
+ - [❌ In-post license, comments und toc](#-in-post-license-comments-und-toc)
+ - [🎵 APlayer](#-aplayer)
+ - [📷 Image zoom and lazyload settings](#-image-zoom-and-lazyload-settings)
+ - [⚓ Markdown render hook](#-markdown-render-hook)
+ - [📨 Comments area](#-comments-area)
+ - [🔧 Advanced configuration](#-advanced-configuration)
+- [✏️ Issue und contributing](#%EF%B8%8F-issue-und-contributing)
+- [📝 License](#-license)
+- [🤝 Annotations](#-annotations)
## 💻 Live demos
@@ -57,6 +58,8 @@ If you want to generate your site, just run `hugo` or `hugo --minify`.
## 🆕 Update the theme
+You can watch (release only) this repo to receive update notifications.
+
Inside the folder of your Hugo site run:
```bash
@@ -143,24 +146,47 @@ You can use `[SITEROOT]/layouts/_default/_markup/render-link.html` to decide whe
### 📨 Comments area
-主题支持三种评论系统,Disqus、utterances 和 DisqusJS (给大陆用户的)。
+Theme supports Disqus, utterances and DisqusJS (for Mainland China user)。
-对于 Disqus 默认情况下使用 `{{ .Permalink }}` 作为 `url`,使用 `{{ .File.ContentBaseName }}` 作为 `identifier`。
+by default, disqus uses `{{ .Permalink }}` as `url`, `{{ .File.ContentBaseName }}` as `identifier`.
Use the `[SITEROOT]/layouts/partials/comment-*.html` to cover `themes/fuji/layouts/partials/comment-*.html`. Then you can customize the url and identifier, or set multiple api key, add more settings for using DisqusJS. If you want to use DisqusJS, please remember to set `disqusJSApi` to anything in your `config.toml` to load CSS.
-You can check my blog for example of using DisqusJS and add more settings and api keys, remember to set to your own key when deploing:
-
-- [`config.toml`]()
-- [`comment-disqusjs.html`]()
+### 🔧 Advanced configuration
-### ⏱️ Load main CSS und JS from CDN
+See [Report und contributing](#report-und-contributing).
-Without the demand of custmize the CSS, you can uncomment `mainAssetsCDN = true` in `config.toml` to load `fuji.min.css` and `fuji.min.js` from jsDelivr.
+If you just simply want to change the color scheme, set this in your `config.toml`:
-### 🔧 Advanced configuration
+```toml
+useHugoPipes = true
+```
-See [Report und contributing](#report-und-contributing).
+This will make the theme use Hugo Pipes provided by Hugo Extended Vesion to compile the SCSS, then you can cover theme's internal SCSS with your own. Then create `[SITEROOT]/assets/scss/_custom.scss` cover variables in SCSS:
+
+```scss
+$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font;
+$body-font-size: 16px;
+
+$light-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$light-color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
+$light-color-focus: #3b469b; // https://irocore.com/aomurasaki/
+$light-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$light-color-font: #3f4551; // https://irocore.com/konnezu/
+$light-color-divider: #e5e2e4; // https://irocore.com/komachinezu/
+$light-color-bg: #fffffd; // https://irocore.com/shiro/
+$light-color-codebg: #f6f8fa; // GitHub
+
+$dark-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$dark-color-secondary: #bab1df; // https://irocore.com/fujimurasaki/
+$dark-color-focus: #e6e6e6; // https://irocore.com/shironezumi/
+$dark-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$dark-color-font: #c0c0c0; // https://irocore.com/gin-iro/
+$dark-color-divider: #4d5158; // Discord
+$dark-color-bg: #2f3136; // Discord
+$dark-color-codebg: #414449; // GitHub
+```
## ✏️ Report und contributing
@@ -197,7 +223,7 @@ The theme is released under the ```Apache License 2.0```, for more information r
- [DisqusJS - MIT](https://github.com/SukkaW/DisqusJS/blob/master/LICENSE)
- [ionicons - MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE)
-> © 2020 DSRKafuU(amzrk2) [Twitter](https://twitter.com/amzrk2) [GitHub]()
+> © 2020 DSRKafuU(amzrk2) [Twitter @amzrk2](https://twitter.com/amzrk2) [GitHub @amzrk2](https://github.com/amzrk2)
## 🤝 Annotations
diff --git a/README_CN.md b/README_CN.md
index 7cd786a..1c1a566 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -6,24 +6,25 @@
[English](https://github.com/amzrk2/hugo-theme-fuji#readme) | [简体中文](https://github.com/amzrk2/hugo-theme-fuji/blob/master/README_CN.md)
+**v2 发布之后关于 lazyload 这一块可能会有较大的改动**,现在这样确实有些麻烦了。如果想修改主题配色的话,可以参考
+
## 目录
-- [💻 在线 Demo](#user-content--在线-demo)
-- [❗ 注意事项](#user-content--注意事项)
-- [🐣 开始使用](#user-content--开始使用)
-- [🆕 更新主题](#user-content--更新主题)
-- [⚙️ 自定义设置](#user-content--自定义设置)
- - [🎨 站点图标](#user-content--站点图标)
- - [❌ 关闭 License、评论区和目录](#user-content--关闭-license评论区和目录)
- - [🎵 文章音乐](#user-content--文章音乐)
- - [📷 图片放大的设置和 lazyload](#user-content--图片放大的设置和-lazyload)
- - [⚓ Markdown 钩子](#user-content--markdown-钩子)
- - [📨 评论区](#user-content--评论区)
- - [⏱️ 通过 CDN 加载主 CSS 和 JS](#user-content--通过-cdn-加载主-css-和-js)
- - [🔧 其他高级修改](#user-content--其他高级修改)
-- [👓 批判一番和贡献代码](#user-content--批判一番和贡献代码)
-- [📝 License](#user-content--license)
-- [🤝 Annotations](#user-content--annotations)
+- [💻 在线 Demo](#-在线-demo)
+- [❗ 注意事项](#-注意事项)
+- [🐣 开始使用](#-开始使用)
+- [🆕 更新主题](#-更新主题)
+- [⚙️ 自定义设置](#%EF%B8%8F-自定义设置)
+ - [🎨 站点图标](#-站点图标)
+ - [❌ 关闭 License、评论区和目录](#-关闭-license评论区和目录)
+ - [🎵 文章音乐](#-文章音乐)
+ - [📷 图片放大的设置和 lazyload](#-图片放大的设置和-lazyload)
+ - [⚓ Markdown 钩子](#-markdown-钩子)
+ - [📨 评论区](#-评论区)
+ - [🔧 其他高级修改](#-其他高级修改)
+- [👓 批判一番和贡献代码](#-批判一番和贡献代码)
+- [📝 License](#-license)
+- [🤝 Annotations](#-annotations)
## 💻 在线 Demo
@@ -49,6 +50,8 @@ $ git submodule add https://github.com/amzrk2/hugo-theme-fuji.git themes/fuji
## 🆕 更新主题
+可以 watch (release only) 这个 repo 来接收更新信息,master 分支不会频繁改动。
+
```bash
$ git submodule update --remote --merge
```
@@ -139,18 +142,41 @@ playerCover = "..." # 封面
使用 `[SITEROOT]/layouts/partials/comment-*.html` 来覆盖 `themes/fuji/layouts/partials/comment-*.html`。可在此文件内自定义指定的 url 和 identifier,或者为 DisqusJS 设置多个 api key 抑或是添加更多设置。注意如果使用 DisqusJS,将 `config.toml` 内的 `disqusJSApi` 解除注释来加载 CSS。
-可以参考 Demo 的设置作为使用 DisqusJS、并且自定义设置和多个 api key 的例子,记得最后部署时候修改为自己的设置和 key 哦:
-
-- [`config.toml`]()
-- [`comment-disqusjs.html`]()
+### 🔧 其他高级修改
-### ⏱️ 通过 CDN 加载主 CSS 和 JS
+见[批判一番和贡献代码](#批判一番和贡献代码)。
-如果你不需要自行修改 CSS 和 JS,可以将 `config.toml` 内的 `mainAssetsCDN = true` 解除注释。`fuji.min.css` 和 `fuji.min.js` 将会从 jsDelivr 加载。
+如果只是想修改主题色或者字体的话,在 `config.toml` 以下设置:
-### 🔧 其他高级修改
+```toml
+useHugoPipes = true
+```
-见[批判一番和贡献代码](#批判一番和贡献代码)。
+这将让 Hugo 使用 Hugo Pipes 来编译 SCSS,注意需要 Extended Version,然后就可以自己覆盖主题内的 SCSS 变量了。创建 `[SITEROOT]/assets/scss/_custom.scss`,可选项如下:
+
+```scss
+$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font;
+$body-font-size: 16px;
+
+$light-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$light-color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
+$light-color-focus: #3b469b; // https://irocore.com/aomurasaki/
+$light-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$light-color-font: #3f4551; // https://irocore.com/konnezu/
+$light-color-divider: #e5e2e4; // https://irocore.com/komachinezu/
+$light-color-bg: #fffffd; // https://irocore.com/shiro/
+$light-color-codebg: #f6f8fa; // GitHub
+
+$dark-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$dark-color-secondary: #bab1df; // https://irocore.com/fujimurasaki/
+$dark-color-focus: #e6e6e6; // https://irocore.com/shironezumi/
+$dark-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$dark-color-font: #c0c0c0; // https://irocore.com/gin-iro/
+$dark-color-divider: #4d5158; // Discord
+$dark-color-bg: #2f3136; // Discord
+$dark-color-codebg: #414449; // GitHub
+```
## 👓 批判一番和贡献代码
@@ -187,7 +213,7 @@ The theme is released under the ```Apache License 2.0```, for more information r
- [DisqusJS - MIT](https://github.com/SukkaW/DisqusJS/blob/master/LICENSE)
- [ionicons - MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE)
-> © 2020 DSRKafuU(amzrk2) [Twitter](https://twitter.com/amzrk2) [GitHub]()
+> © 2020 DSRKafuU(amzrk2) [Twitter @amzrk2](https://twitter.com/amzrk2) [GitHub @amzrk2](https://github.com/amzrk2)
## 🤝 Annotations
diff --git a/assets/scss/_fuji-theme/_base.scss b/assets/scss/_fuji-theme/_base.scss
index d35d8b6..d9a6f7e 100644
--- a/assets/scss/_fuji-theme/_base.scss
+++ b/assets/scss/_fuji-theme/_base.scss
@@ -1,25 +1,25 @@
@mixin light {
--color-mode: 'light';
- --color-primary: #8aa2d3; // https://irocore.com/aofuji/
- --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
- --color-focus: #3b469b; // https://irocore.com/aomurasaki/
- --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
- --color-font: #3f4551; // https://irocore.com/konnezu/
- --color-divider: #e5e2e4; // https://irocore.com/komachinezu/
- --color-bg: #fffffd; // https://irocore.com/shiro/
- --color-codebg: #f6f8fa; // GitHub
+ --color-primary: #{$light-color-primary};
+ --color-secondary: #{$light-color-secondary};
+ --color-focus: #{$light-color-focus};
+ --color-mute: #{$light-color-mute};
+ --color-font: #{$light-color-font};
+ --color-divider: #{$light-color-divider};
+ --color-bg: #{$light-color-bg};
+ --color-codebg: #{$light-color-codebg};
}
@mixin dark {
--color-mode: 'dark';
- --color-primary: #8aa2d3; // https://irocore.com/aofuji/
- --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/
- --color-focus: #e6e6e6; // https://irocore.com/shironezumi/
- --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
- --color-font: #c0c0c0; // https://irocore.com/gin-iro/
- --color-divider: #4d5158; // Discord
- --color-bg: #2f3136; // Discord
- --color-codebg: #414449; // kai GitHub
+ --color-primary: #{$dark-color-primary};
+ --color-secondary: #{$dark-color-secondary};
+ --color-focus: #{$dark-color-focus};
+ --color-mute: #{$dark-color-mute};
+ --color-font: #{$dark-color-font};
+ --color-divider: #{$dark-color-divider};
+ --color-bg: #{$dark-color-bg};
+ --color-codebg: #{$dark-color-codebg};
}
body[data-theme='auto'] {
diff --git a/assets/scss/_var.scss b/assets/scss/_var.scss
index d473787..4cbd256 100644
--- a/assets/scss/_var.scss
+++ b/assets/scss/_var.scss
@@ -15,6 +15,24 @@ $body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue',
$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;
$body-font-size: 16px !default;
+$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/
+$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/
+$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/
+$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/
+$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/
+$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/
+$light-color-bg: #fffffd !default; // https://irocore.com/shiro/
+$light-color-codebg: #f6f8fa !default; // GitHub
+
+$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/
+$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/
+$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/
+$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/
+$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/
+$dark-color-divider: #4d5158 !default; // Discord
+$dark-color-bg: #2f3136 !default; // Discord
+$dark-color-codebg: #414449 !default; // kai GitHub
+
@font-face {
font-family: 'Product Sans';
font-style: normal;
diff --git a/dist/fuji.min.css.map b/dist/fuji.min.css.map
index ecb1320..8483845 100644
--- a/dist/fuji.min.css.map
+++ b/dist/fuji.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"AAmCA,WACI,wBAA2B,CAC3B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,4KACyH,CACzH,2IAA4J,CAGhK,WACI,yBAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,8IACiH,CC1CrH,UAHI,WAMY,CAHhB,KACI,YAAa,CACb,qBACY,CAGhB,KACI,aAAc,CAIlB,QACI,8BAAgC;;ACpBpC,2EAAA,CAOA,KACE,sBAAuB,CACvB,yBAA0B,CAC1B,6BAAuC,CAOzC,KACE,QAAS,CAYX,4EAWE,aAAc,CAGhB,QACE,iBAAkB,CAOpB,4BAIE,oBAAqB,CAOvB,sBACE,YAAa,CACb,QAAS,CAOX,SACE,uBAAwB,CAQ1B,kBAEE,sBAAwB,CAU1B,EACE,4BAAsC,CAQxC,iBAEE,eAAgB,CAWlB,YACE,kBAAmB,CACnB,yBAA0B,CAC1B,wCAAiC,CAAjC,gCAA0C,CAO5C,SAEE,mBAAoB,CASpB,kBAToB,CAgBtB,IACE,iBAAkB,CAQpB,GACE,aAAc,CACd,cAAgB,CAOlB,KACE,qBAAsB,CACtB,aCnKa,CD0Kf,MACE,aAAc,CAQhB,QAEE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBAAwB,CAG1B,IACE,aAAe,CAGjB,IACE,SAAW,CAUb,IACE,iBAAkB,CAOpB,eACE,eAAgB,CAWlB,kBAIE,+BAAiC,CACjC,aAAuB,CAOzB,OACE,eEpMoB,CF4MtB,GACE,sBAAuB,CACvB,QAAS,CACT,gBAA0B,CAW5B,6BAIE,YAAa,CACb,QAAkB,CAOpB,SACE,eFvQoB,CE+QtB,aAEE,gBAAiB,CAQnB,cAEE,mBAAoB,CAStB,qDAIE,yBAAmC,CAOrC,wHAIE,iBAAkB,CAClB,SAAU,CAOZ,4GAIE,6BAA8B,CAOhC,SACE,uBAA2C,CAC3C,YAAa,CACb,0BE1QkB,CFoRpB,OACE,qBAAsB,CACtB,aAAc,CACd,aAAc,CACd,cAAe,CACf,SAAU,CACV,kBAA4B,CAO9B,SACE,aAAc,CGZhB,6BHsBE,qBAAsB,CACtB,SAAmB,CGbrB,kFHsBE,WAAY,CGdd,cHuBE,4BAA6B,CAC7B,mBAA6B,CGf/B,qFHwBE,uBAAwB,CAO1B,4BACE,aAAc,CACd,WAAa,CAQf,6BACE,yBAA0B,CAC1B,YAAsB,CIlaxB,EACE,qBAAsB,CAGxB,6BAIE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CAGtB,KACE,yMNFsH,CMGtH,cNDmB,CMEnB,eCcc,CDbd,aHFuB,CGGvB,qBHjBU,CGoBZ,EACE,aHCuB,CGAvB,oBAAqB,CAFvB,QAKI,yBAA0B,CAI9B,SAEE,eNzBoB,CM+BtB,SAEE,QAAS,CAET,aAAc,CACd,eAAgB,CAChB,sBAAuB,CACvB,QAAS,CAET,+BAAiE,CEIjE,4CAJE,aAAc,CACd,UAMW,CAHb,qBAEE,UACW,CFCf,MACE,gBAAiB,CACjB,wBAAyB,CAG3B,MAEE,SAAU,CAGZ,OACE,cAAe,CAEf,eAAgB,CDkYlB,iBC5XE,sBAAwB,CAG1B,gBACY,cAAe,CAD3B,kCAKuB,sBAAwB,CGhF/C,IACE,oBAAqB,CAErB,eAAwC,CACxC,gPTMsH,CSJtH,gBAAiB,CAEjB,aNGuB,CMFvB,qBAAsB,CACtB,wBNNuB,CMSvB,wBNNuB,CMOvB,iBCViB,CDYjB,iCNTuB,CQPzB,kBAME,YAAa,CACb,eAAgB,CAGlB,GCDE,cZJoB,CWMtB,MCDE,eZLoB,CWMtB,GCGE,cZToB,CWOtB,GCOE,cZdoB,CWQtB,MCOE,eZfoB,CWQtB,GCWE,cZnBoB,CWStB,GCeE,cZxBoB,CWUtB,MCeE,eZzBoB,CWUtB,GCmBE,cZ7BoB,CWetB,EACE,YAAa,CAEb,kBAAmB,CAGrB,MAEE,aAAc,CAGhB,WACE,QAAS,CAMX,MAEE,cAAe,CACf,YAAa,CACb,eAAgB,CAGlB,YAEE,2BAA4B,CAG9B,oCAIE,2BAA4B,CAG9B,GACE,aAAc,CAYhB,YAJE,kPXxDsH,CWyDtH,cJlDoB,CIqDtB,IACE,YAAa,CACb,eJvDoB,CIiEtB,SACE,0BAA2B,CElF7B,cACE,eAEiB,CAInB,4BALE,iBAAkB,CAClB,gBAOiB,CAHnB,cACE,eAEiB,CAInB,cACE,gBAEiB,CAInB,4BALE,iBAAkB,CAClB,gBAOiB,CAHnB,cACE,gBAEiB,CCzBnB,OAAS,cAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,SAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,SAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,SAAsB,CAC/B,QAAU,eAAuB,CACjC,QAAU,eAAuB,CACjC,QAAU,UAAW,CNAf,yBMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CNftC,yBMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CNftC,0BMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CNftC,0BMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CAgB5C,QATE,kBVCoB,CUApB,iBVAoB,CUEpB,sBACE,4BAAuC,CACvC,2BAAsC,CAQ1C,kBAbE,iBVLU,CUMV,gBVNU,CUQV,gCACE,2BAAuC,CACvC,0BAAsC,CAY1C,iBAjBE,kBVEoB,CUDpB,iBVCoB,CUCpB,+BACE,4BAAuC,CACvC,2BAAsC,CN3BpC,yBM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CN5BG,yBM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CN5BG,0BM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CN5BG,0BM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CCpCH,eACE,yMfMsH,CeLtH,cRQY,CQPZ,eRsBc,CQrBd,oBAAqB,CNPvB,mBACE,oBAAqB,CAErB,eAAwC,CACxC,gPTMsH,CSJtH,gBAAiB,CAEjB,aNGuB,CMFvB,qBAAsB,CACtB,wBNNuB,CMSvB,wBNNuB,CMOvB,iBCViB,CDYjB,iCNTuB,CYJzB,2CAUI,aAAc,CACd,UAMW,CAjBf,qBAgBI,UACW,CAjBf,4BAqBI,sBAAwB,CArB5B,2BAyBI,yBAA2B,CAzB/B,6BAmCI,aAAc,CACd,oBAAqB,CApCzB,uBAyCI,aZ0BqB,CYnEzB,uBA6CI,UAAW,CACX,iBXjByB,CWmBzB,iBAAkB,CAClB,aR1BkB,CQvBtB,6BAoDM,YAAa,CApDnB,gKAgEI,YAAa,CACb,kBXlCkB,CW/BtB,kBAqEI,YXPgB,CWQhB,SAAU,CACV,aAAmB,CAEnB,wBZtEqB,CYuErB,QAAS,CA1Eb,0BA+EI,aAAc,CACd,aZ1EqB,CY4ErB,+BAAwD,CAlF5D,uCAqFM,YAAa,CArFnB,sCAyFM,eAAgB,CC5FtB,4GAQI,eZ2BkB,CY1BlB,kBZyBkB,CYxBlB,ehBLkB,CgBMlB,gBTgBe,CS3BnB,gMAcM,abhBS,CaiBT,qBAAsB,CACtB,iBAAkB,CAhBxB,gMAoBM,oBAAqB,CApB3B,oRAuBQ,kBAAmB,CAvB3B,wQA6BM,iBAAkB,CA7BxB,kBAqCI,aC/BuC,CDN3C,oCAmCI,mBAAqB,CAGrB,+BChCuC,CDN3C,kBA6CI,eCvCuC,CDN3C,kBAmDI,gBAAiB,CAnDrB,kBAuDI,aAAc,CAvDlB,kBA4DI,gBAAkB,CA5DtB,kBAiEI,eAAiB,CACjB,abzDqB,CeTzB,oCAMI,gBAAiB,CANrB,oDASM,SAAU,CACV,oBAAqB,CAV3B,oFAyCI,YAAa,CACb,eAAgB,CA1CpB,kBA8CI,mBAAoB,CA9CxB,oBAkDI,edhBkB,CclCtB,qBAsDI,gBdWgB,CcjEpB,kBA0DI,SAAU,CA1Dd,qBA6DM,SAAU,CACV,ed5BgB,Cc6BhB,aAAc,CACd,iBAAkB,CAClB,elB5DgB,CkBLtB,qBAqEM,cdnCgB,CcoChB,kBdpCgB,CenCtB,qBAGI,aAAc,CACd,UAAW,CACX,aAAc,CALlB,wBAQM,enBFgB,CmBNtB,gDAcM,gBAAiB,CAEjB,wBAA0D,CAhBhE,wBAoBM,qBhBpBM,CgBsBN,4BAA6D,CAtBnE,sCAyBQ,wBhBnBiB,CgBNzB,yBA8BM,4BAA6B,CC7BnC,mBAGI,cAAe,CAGf,sBAAuB,CACvB,qBjBRQ,CiBCZ,gCAWM,iBAAkB,CAXxB,+BAgBM,kBAAmB,CAhBzB,sBAqBI,cAAe,CACf,uBAAwB,CAExB,4BAA6B,CAxBjC,0BA+BI,aAAc,CACd,eAAgB,CAhCpB,+BAmCM,aAAc,CACd,UAAW,CACX,UAAW,CAEX,WAAY,CAEZ,eAAgB,CAChB,eAAgB,CAEhB,wBAA0D,CA5ChE,mCAgDM,aAAc,CACd,UAAW,CAjDjB,oCAqDM,aAAc,CAEd,eAAgB,CAChB,UAAW,CACX,ajB5CmB,CiBbzB,iCA8DI,aAAc,CACd,eAAgB,CAChB,UAAW,CAhEf,sCAmEM,aAAc,CAEd,kBAAmB,CACnB,eAAgB,CAChB,iBAAkB,CAvExB,0CA2EM,aAAc,CACd,iBAAkB,CA5ExB,gCAiFI,aAAc,CACd,eAAgB,CAChB,UAAW,CAnFf,qCAsFM,aAAc,CAEd,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CA1FvB,yCA8FM,QAAS,CACT,gBAAiB,CA/FvB,+BAoGI,aAAc,CACd,UAAW,CAEX,iBAAkB,CAClB,eAAgB,CAxGpB,oCA4GM,eAAgB,CA5GtB,gCAiHI,aAAc,CACd,WAAY,CAEZ,gBAAiB,CACjB,eAAgB,CArHpB,qCAwHM,aAAc,CAEd,kBAAmB,CACnB,eAAgB,CAChB,gBAAiB,CC9HvB,sCAKI,iBAAoB,CACpB,QAAS,CAET,aAAc,CAEd,mClBVW,CkBWX,iBXLe,CWNnB,4CAaS,YAAa,CAbtB,wBAgBa,uBAAwB,CAhBrC,mBAmBI,gBAAiB,CAnBrB,wBAuBM,SAAU,CACV,QAAS,CAET,cAAe,CACf,iBAAkB,CAClB,eAAgB,CAChB,sBAAuB,CACvB,QAAS,CA9Bf,0BAmCI,kBjBCkB,CiBpCtB,8BAsCM,eAAgB,CAChB,iBAAkB,CAvCxB,iDA6CI,YjBTkB,CiBUlB,aAAc,CAEd,aAAc,CAEd,gBAAiB,CACjB,wBlB5CqB,CkB6CrB,iBX9Ce,CWNnB,8CAyDI,cAAe,CACf,cAAe,CACf,SAAU,CACV,QAAS,CACT,gBAAiB,CACjB,mBAAoB,CACpB,gBAAiB,CACjB,4BAA6B,CAC7B,QAAS,CCjEb,wDAII,WAAY,CACZ,eAAgB,CAChB,cfakB,CeZlB,afqBkB,CepBlB,eAAgB,CAChB,kBAAmB,CATvB,mCAcI,oBAA2B,CAC3B,gBAAiB,CACjB,enBfQ,CmBgBR,QAAS,CAjBb,4BAoBO,YAAa,CApBpB,4BAuBI,etBhBkB,CsBiBlB,kBnBjBqB,CmBkBrB,YAAa,CCnBX,iBACE,yBAA8B,CADhC,mBACE,2BAA8B,CADhC,mBACE,2BAA8B,CADhC,gBACE,wBAA8B,CADhC,iBACE,iCAA8B,CAA9B,yBAA8B,CfMhC,yBePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CfKD,yBePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CfKD,0BePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CfKD,0BePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CAMP,OAAY,eAAiB,CAE7B,SAAY,iBAAmB,CAE/B,UAAY,kBAAoB,CAEhC,QAAY,gBAAkB,CAG9B,gBAAuB,+BAAiC,CAExD,aAAuB,4BAA8B,CAErD,gBAAuB,+BAAiC,CAExD,kBAAuB,iCAAmC,CAE1D,qBAAuB,oCAAsC,CAE7D,kBAAuB,iCAAmC,CAIxD,kBAAyB,0BAA8B,CACvD,oBAA2B,4BAAgC,CAC3D,oBAA2B,4BAAgC,CAF3D,iBAAyB,yBAA8B,CACvD,mBAA2B,2BAAgC,CAC3D,mBAA2B,2BAAgC,CAF3D,eAAyB,uBAA8B,CACvD,iBAA2B,yBAAgC,CAC3D,iBAA2B,yBAAgC,CAF3D,iBAAyB,yBAA8B,CACvD,mBAA2B,2BAAgC,CAC3D,mBAA2B,2BAAgC,CfY3D,iCAJE,aAAc,CACd,UAMW,CAHb,gBAEE,UACW,CeFX,YAA0B,oBAAsB,CAEhD,aAA2B,qBAAuB,CAElD,YAAyB,oBAAsB,Cf3C7C,yBeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,Cf3CjD,yBeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,Cf3CjD,0BeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,Cf3CjD,0BeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,CAOvD,WAAe,wBAA0B,CAEzC,YAAe,oBAAsB,CAErC,YAAe,yBAA2B,CAE1C,aAAe,qBAAuB,CAGtC,aAAe,qBAAuB,CAMlC,YAAyB,oBAAsB,CAG/C,eAA4B,uBAAyB,CAErD,eAA4B,uBAAyB,CftEnD,yBeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CftEvD,yBeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CftEvD,0BeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CftEvD,0BeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CCpF7D,eAEQ,2BAAmC,CAF3C,mBAMQ,gBAAiB,CACjB,mEAAyE,CACzE,eAAgB,CAChB,kBAAmB,CAT3B,kBAaQ,cAAgB,CAChB,aAAc,CACd,kBAAmB,CAMnB,oBAAqB,CACrB,uBAAwB,CAtBhC,qCAkBY,YAAa,CClBzB,SACI,uBAA+B,CAGnC,wBAGQ,gBAAiB,CAHzB,kBAOQ,kBAAqB,CAI7B,YACI,iBzBfiB,CyBkBrB,WAGI,uBAAiC,CACjC,cAAe,CAJnB,2BACI,YAAa,CACb,kBAMuB,CAR3B,iCAYQ,oBAAqB,CAI7B,cACI,cAAgB,CADpB,2BAIQ,eAAgB,CAJxB,sGAaQ,YAAa,CAIrB,mBACI,YAAa,CACb,kBAAmB,CACnB,oBAA8B,CAC9B,cAAe,CAJnB,yCAOQ,oBAAqB,CAI7B,YAII,iBAAkB,CAClB,mBAAoB,CACpB,iBAAkB,CANtB,4BACI,YAAa,CACb,kBAAmB,CACnB,sBAUgB,CAbpB,gBAYQ,UAAW,CACX,WAAY,CAbpB,kBAgBY,YAAa,CACb,kBAAmB,CAK/B,WACI,sBAA+B,CAInC,QACI,qBAAsB,CAD1B,sBAIQ,sBAA+B,CAIvC,SACI,oBAAqB,CAGzB,cACI,iBAAoB,CACpB,kBAAmB,CACnB,iBAAkB,CAHtB,gBAMQ,iBAAkB,CAN1B,gBAUQ,gBAAoB,CAI5B,kBAEQ,iBzBrHa,CyBsHb,iBAAkB,CAH1B,kBAOQ,gBzBzHY,CyB0HZ,mBAAoB,CAR5B,kBAYQ,iBACmB,CAb3B,oCAaQ,kBAImB,CAjB3B,kBAqBQ,sBAAuB,CArB/B,mBAyBQ,aAAc,CACd,qBAAgC,CAIxC,0CAEQ,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAI/B,eACI,iBAAkB,CC3JtB,SACI,8BAA+B,CAGnC,+BAEQ,kBAAmB,CAF3B,iBAMQ,oBAAsB,CAN9B,iBAUQ,oBAAqB,CACrB,cAAgB,CAXxB,oCAgBQ,cAAgB,CAhBxB,kBAoBQ,qBAAgC,CAChC,UAAW,CACX,iBAAkB,CAI1B,oCACI,SACI,cAAe,CACf,YAAa,CACb,kBAAmB,CACnB,cAAe,CACf,4BAA6B,CAGjC,cACI,SAAU,CADd,yDAMQ,kBAAmB,CAN3B,wDAWQ,eAAgB,CAXxB,kBAeQ,qBAAgC,CAChC,SAAU,CACV,oBAAsB,CACzB,CAKT,mBAEQ,iBAAmB,CACnB,kBAAoB,CACpB,oBAAsB,CClE9B,eAEQ,mBAAoB,CACpB,iBAAkB,CAH1B,iBAMY,iBAAmB,CCN/B,KACI,cAAe,CACf,YAAa,CACb,aAAc,CAEd,WAAY,CAEZ,6BAA8B,CAC9B,qBAAsB,CAR1B,cAII,YAAa,CAEb,YAWmB,CAjBvB,SAWQ,aAAc,CAEd,aAAc,CAEd,kBAAmB,CACnB,sBAAuB,CACvB,cAAe,CAjBvB,qBAoBY,+BAAkC,CAClC,iBAAkB,CArB9B,oBAyBY,+BAAkC,CAClC,gBAAiB,CAK7B,cACI,wBAAmC,CACnC,mBAAoB,CCTxB,sBAvBI,oBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,oBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CAkBf,mCAHJ,sBAXI,mBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,mBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CAGnB,0BCvBI,8BAAuB,CAAvB,sBAAuB,CDuB3B,8DCjBQ,8BAA+B,CDiBvC,+BCbQ,gCAAiC,CACjC,8BAA+B,CDYvC,iFCHI,qCAAsC,CDG1C,4ECCI,iCAAmC,CDDvC,kGCKI,gCAAkC,CDLtC,wGCSI,iCAAmC,CACtC,CDDD,uBAhCI,oBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,oBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CA4BnB,sBAxBI,mBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,mBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CAgBnB,0BCpCI,8BAAuB,CAAvB,sBAAuB,CDoC3B,8DC9BQ,8BAA+B,CD8BvC,+BC1BQ,gCAAiC,CACjC,8BAA+B,CDyBvC,iFChBI,qCAAsC,CDgB1C,4ECZI,iCAAmC,CDYvC,kGCRI,gCAAkC,CDQtC,wGCJI,iCAAmC,CCjCvC,iBAEI,qBAAsB,CACtB,qCAAsC,CAH1C,6BAEI,qBAAsB,CACtB,qCAAsC,CAG1C,KACI,gCAAiC,CACjC,uBAAwB,CFmCxB,OACI,0BAA2B,CAS/B,0CACI,4BAA6B,CEpCrC,6EAEI,wBAAyB,CAG7B,sBAEI,uBAAwB,CAG5B,kBAEI,4CFgCoC,CE7BxC,+BAGI,yCF0BoC,CEvBxC,mBAGI,uBAAwB,CFWxB,qBACI,4BAA6B,CAGjC,2BACI,wBAAyB,CEbjC,oCACI,SACI,yCFegC,CEdnC,CFKD,gBACI,4BAA6B,CAGjC,sBACI,wBAAyB,CEFjC,oJASQ,0BAA2B,CATnC,oCAcQ,4CFRgC,CENxC,0BAkBQ,uBAAwB,CAlBhC,mBAsBQ,iBAAkB,CAClB,wBAAyB,CAvBjC,kBA2BQ,UAAW,CA3BnB,uCAgCQ,oCAAqC,CAQ7C,4BACI,yCFnCoC,CEkCxC,0CAIQ,gBAAiB,CACjB,4BAA6B,CAC7B,cAAe,CANvB,gDASY,wBAAyB,CAMrC,SAEQ,qCAAsC,CAEtC,0BAA2B,CAJnC,eAQQ,qCAAsC,CACtC,0BAA2B,CATnC,aAaQ,oCAAqC,CAM7C,6CAEI,eAAgB,CAChB,aAAc,CACd,UAAW,CAGf,yDAII,aAA2B,CAG/B,mBACI,aAA4B,CAGhC,iBACI,UAAY,CAGhB,qGAOI,aAA0B,CAG9B,qGAOI,aAA0B,CAG9B,cACI,aAAc,CACd,kBAAgC,CAGpC,+CAGI,aAA2B,CAG/B,kCAEI,aAA4B,CAGhC,8CAGI,aAA4B,CAGhC,6BAEI,eAAgB,CAEpB,cACI,iBAAkB,CAItB,qBAGQ,QAAS,CACT,kBAAmB,CACnB,gBAAiB,CALzB,oEASY,eAAgB,CAChB,aAAc,CAO1B,SAEQ,8BAAgC,CAChC,sCAAwC,CAHhD,eAOQ,kCAAoC,CAP5C,2BAWQ,iCAAmC,CACnC,yBAA2B,CAZnC,yBAgBQ,iCAAmC,CAhB3C,sBAoBQ,iCAAmC,CApB3C,yBAwBQ,iCAAmC,CAxB3C,oCA2BY,iDAAmD,CA3B/D,2CAiCY,oCAAsC,CAjClD,8DAsCgB,iCAAmC,CACnC,eAAgB,CAvChC,8DA2CgB,iCAAmC,CACnC,wCAA0C,CA5C1D,uDAgDgB,iCAAmC,CAhDnD,wBAsDQ,iCAAmC,CAtD3C,yDA0DY,wCAA0C,CA1DtD,mCA8DY,mCAAqC,CACrC,sDAAyD,CA/DrE,wBAoEQ,sCAAwC,CACxC,+BAAiC,CArEzC,cAyEQ,mDAAqD,CACrD,yBAA2B,CAC3B,iCAAmC,CA3E3C,qDA+EQ,iCAAmC,CACnC,+CAAiD,CAhFzD,0BAoFQ,0CAA4C,CApFpD,6CAwFQ,iCAAmC","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/\r\n$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/\r\n$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/\r\n$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/\r\n$light-color-bg: #fffffd !default; // https://irocore.com/shiro/\r\n$light-color-codebg: #f6f8fa !default; // GitHub\r\n\r\n$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/\r\n$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/\r\n$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/\r\n$dark-color-divider: #4d5158 !default; // Discord\r\n$dark-color-bg: #2f3136 !default; // Discord\r\n$dark-color-codebg: #414449 !default; // kai GitHub\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #{$light-color-primary};\r\n --color-secondary: #{$light-color-secondary};\r\n --color-focus: #{$light-color-focus};\r\n --color-mute: #{$light-color-mute};\r\n --color-font: #{$light-color-font};\r\n --color-divider: #{$light-color-divider};\r\n --color-bg: #{$light-color-bg};\r\n --color-codebg: #{$light-color-codebg};\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #{$dark-color-primary};\r\n --color-secondary: #{$dark-color-secondary};\r\n --color-focus: #{$dark-color-focus};\r\n --color-mute: #{$dark-color-mute};\r\n --color-font: #{$dark-color-font};\r\n --color-divider: #{$dark-color-divider};\r\n --color-bg: #{$dark-color-bg};\r\n --color-codebg: #{$dark-color-codebg};\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index c54812d..72e22b7 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -71,8 +71,8 @@ paginate = 10
# 8:9
lazyPlaceholderCol = "/assets/lazyload/dsrca_loading_480x540.svg"
- # Load `fuji.min.css` and `fuji.min.js` from jsDelivr
- # mainAssetsCDN = true
+ # Use Hugo Pipes in Hugo Extended Version to compile SCSS
+ # useHugoPipes = true
[markup]
[markup.goldmark]
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 289c067..2d7362c 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -36,8 +36,14 @@
{{ if .Site.Params.mainAssetsCDN }}
{{ else }}
+{{ if .Site.Params.useHugoPipes }}
+{{ $options := (dict "targetPath" "assets/css/fuji-custom.min.css" "outputStyle" "compressed") }}
+{{ $style := resources.Get "scss/fuji.scss" | resources.ToCSS $options }}
+
+{{ else }}
{{ end }}
+{{ end }}
{{ if .Params.playerURL }}
{{ end }}
diff --git a/static/assets/css/fuji.min.css.map b/static/assets/css/fuji.min.css.map
index ecb1320..8483845 100644
--- a/static/assets/css/fuji.min.css.map
+++ b/static/assets/css/fuji.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/\r\n$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/\r\n$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/\r\n$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/\r\n$light-color-bg: #fffffd !default; // https://irocore.com/shiro/\r\n$light-color-codebg: #f6f8fa !default; // GitHub\r\n\r\n$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/\r\n$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/\r\n$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/\r\n$dark-color-divider: #4d5158 !default; // Discord\r\n$dark-color-bg: #2f3136 !default; // Discord\r\n$dark-color-codebg: #414449 !default; // kai GitHub\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #{$light-color-primary};\r\n --color-secondary: #{$light-color-secondary};\r\n --color-focus: #{$light-color-focus};\r\n --color-mute: #{$light-color-mute};\r\n --color-font: #{$light-color-font};\r\n --color-divider: #{$light-color-divider};\r\n --color-bg: #{$light-color-bg};\r\n --color-codebg: #{$light-color-codebg};\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #{$dark-color-primary};\r\n --color-secondary: #{$dark-color-secondary};\r\n --color-focus: #{$dark-color-focus};\r\n --color-mute: #{$dark-color-mute};\r\n --color-font: #{$dark-color-font};\r\n --color-divider: #{$dark-color-divider};\r\n --color-bg: #{$dark-color-bg};\r\n --color-codebg: #{$dark-color-codebg};\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
--
cgit v1.2.3
+
{{ .Title }}
-
+
{{ partial "post-meta.html" . }}
-
+
{{ .Summary }}
@@ -21,16 +21,16 @@
{{ $lowerLimit := (add $offsetLinks 1) }}
{{ $upperLimit := (sub $paginator.TotalPages $offsetLinks) }}
{{ if gt $paginator.TotalPages 1 }}
-
+
{{ if ne $paginator.PageNumber 1 }}
- -
+
{{ end }}
{{ if $paginator.HasPrev }}
-
-
+
{{ end }}
{{ range $paginator.Pagers }}
{{ $.Scratch.Set "pageNumFlag" false }}
@@ -52,22 +52,22 @@
{{ $.Scratch.Set "pageNumFlag" true }}
{{ end }}
{{ if eq ($.Scratch.Get "pageNumFlag") true }}
-
-
+
{{ end }}
{{ end }}
{{ if $paginator.HasNext }}
-
-
+
{{ end }}
{{ if ne $paginator.PageNumber $paginator.TotalPages }}
-
-
+
{{ end }}
-
+
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index e2b0fc1..72ec0a8 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,10 +1,10 @@
{{ define "main" }}
-
+
{{ .Title }}
-
-
+
+
{{ partial "post-meta.html" . }}
{{ with .Params.playerURL }}
@@ -19,12 +19,12 @@
{{ if ne .Params.noLicense true }}
- {{ i18n "postCopyrightFront" }}{{ .Site.Params.license }}{{ i18n "postCopyrightEnd" }}
+ {{ i18n "postCopyrightFront" }}{{ .Site.Params.license }}{{ i18n "postCopyrightEnd" }}
{{ end }}
{{ if ne .Params.noComments true }}
{{ partial "comment-utterances.html" . }}
-{{ partial "comment-disqus.html" . }}
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/_default/tag.html b/layouts/_default/tag.html
index 97d6ead..7bcabb8 100644
--- a/layouts/_default/tag.html
+++ b/layouts/_default/tag.html
@@ -7,13 +7,13 @@
{{ $paginator := .Paginator }}
{{ range $paginator.Pages }}
-
+
{{ .Title }}
-
+
{{ partial "post-meta.html" . }}
-
+
{{ .Summary }}
@@ -25,16 +25,16 @@
{{ $lowerLimit := (add $offsetLinks 1) }}
{{ $upperLimit := (sub $paginator.TotalPages $offsetLinks) }}
{{ if gt $paginator.TotalPages 1 }}
-
+
{{ if ne $paginator.PageNumber 1 }}
- -
+
{{ end }}
{{ if $paginator.HasPrev }}
-
-
+
{{ end }}
{{ range $paginator.Pagers }}
{{ $.Scratch.Set "pageNumFlag" false }}
@@ -56,22 +56,22 @@
{{ $.Scratch.Set "pageNumFlag" true }}
{{ end }}
{{ if eq ($.Scratch.Get "pageNumFlag") true }}
-
-
+
{{ end }}
{{ end }}
{{ if $paginator.HasNext }}
-
-
+
{{ end }}
{{ if ne $paginator.PageNumber $paginator.TotalPages }}
-
-
+
{{ end }}
-
+
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment-disqus.html b/layouts/partials/comment-disqus.html
deleted file mode 100644
index 539f8c7..0000000
--- a/layouts/partials/comment-disqus.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{ with .Site.Params.disqusShortname }}
-
-
-
-
-{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index 3e56201..43c06bf 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -4,6 +4,8 @@
{{ i18n "postCommentLoading" }}
-
+
{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/components.html b/layouts/partials/components.html
new file mode 100644
index 0000000..273f813
--- /dev/null
+++ b/layouts/partials/components.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index be8f5bf..cb43e10 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,10 @@
-{{ if ne .Params.noLicense true }}
+{{ if and (.Site.Params.showLicense) (ne .Params.noLicense true) }}
{{ i18n "postCopyrightFront" }}
- 查看评论
+ {{ i18n "postComment" }}
diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index f6766d5..f8683b6 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -1,6 +1,6 @@
- 查看评论
+ {{ i18n "postComment" }}
+
+{{ end }}
+{{ math.inline >}}
+
+## Examples
+
+Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$
+
+Block math:
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
diff --git a/exampleSite/content/post/placeholder-text.md b/exampleSite/content/post/placeholder-text.md
new file mode 100644
index 0000000..48b2bec
--- /dev/null
+++ b/exampleSite/content/post/placeholder-text.md
@@ -0,0 +1,51 @@
++++
+title = "Placeholder Text"
+date = "2019-03-09"
+description = "Lorem Ipsum Dolor Si Amet"
+tags = [
+ "markdown",
+ "text",
+]
++++
+
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
+lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
+silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
+tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+# Vagus elidunt
+
+
+
+[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+## Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra
+dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
+furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
+Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
+Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
+ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
+vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
+Propoetides **parte**.
diff --git a/exampleSite/content/post/wtf-article.md b/exampleSite/content/post/wtf-article.md
new file mode 100644
index 0000000..d7b2266
--- /dev/null
+++ b/exampleSite/content/post/wtf-article.md
@@ -0,0 +1,68 @@
++++
+title = "纯简体中文测试文章"
+date = 2017-04-01T00:00:00+08:00
+description = "本文内容无实际意义,由狗屁不通文章生成器自动生成,不代表作者本人观点"
+tags = [
+ "test",
+ "wtf"
+]
+noToc = true
++++
+
+本文内容无实际意义,由狗屁不通文章生成器自动生成,不代表作者本人观点。
+
+可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天,到底应该如何实现。马克思在不经意间这样说过,一切节省,归根到底都归结为时间的节省。这不禁令我深思。马克思曾经说过,一切节省,归根到底都归结为时间的节省。
+
+
+
+带着这句话,我们还要更加慎重的审视这个问题:对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如何,我们不得不面对一个非常尴尬的事实,那就是,亚伯拉罕·林肯曾经提到过,你活了多少岁不算什么,重要的是你是如何度过这些岁月的。这启发了我,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。我认为,在这种困难的抉择下,本人思来想去,寝食难安。所谓一段代码写一天,关键是一段代码写一天需要如何写。裴斯泰洛齐在不经意间这样说过,今天应做的事没有做,明天再早也是耽误了。这句话语虽然很短,但令我浮想联翩。总结的来说,带着这些问题,我们来审视一下一段代码写一天。西班牙曾经说过,自知之明是最难得的知识。这不禁令我深思。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。贝多芬在不经意间这样说过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。带着这句话,我们还要更加慎重的审视这个问题:在这种困难的抉择下,本人思来想去,寝食难安。问题的关键究竟为何?对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。
+
+每个人都不得不面对这些问题。在面对这种问题时,歌德曾经提到过,读一本好书,就如同和一个高尚的人在交谈。这似乎解答了我的疑惑。歌德在不经意间这样说过,读一本好书,就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。从这个角度来看,一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。现在,解决一段代码写一天的问题,是非常非常重要的。所以,马克思曾经提到过,一切节省,归根到底都归结为时间的节省。这似乎解答了我的疑惑。一般来讲,我们都必须务必慎重的考虑考虑。阿卜·日·法拉兹曾经说过,学问是异常珍贵的东西,从任何源泉吸收都不可耻。我希望诸位也能好好地体会这句话。既然如此,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。白哲特曾经说过,坚强的信念能赢得强者的心,并使他们变得更坚强。带着这句话,我们还要更加慎重的审视这个问题:富勒在不经意间这样说过,苦难磨炼一些人,也毁灭另一些人。带着这句话,我们还要更加慎重的审视这个问题:这样看来,一般来讲,我们都必须务必慎重的考虑考虑。从这个角度来看,从这个角度来看,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。而这些并不是完全重要,更加重要的问题是。
+
+带着这些问题,我们来审视一下一段代码写一天。要想清楚,一段代码写一天,到底是一种怎么样的存在。经过上述讨论,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。佚名曾经提到过,感激每一个新的挑战,因为它会锻造你的意志和品格。这句话语虽然很短,但令我浮想联翩。现在,解决一段代码写一天的问题,是非常非常重要的。所以,每个人都不得不面对这些问题。在面对这种问题时,我们都知道,只要有意义,那么就必须慎重考虑。经过上述讨论。
+
+了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一般来说,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。笛卡儿在不经意间这样说过,阅读一切好书如同和过去最杰出的人谈话。我希望诸位也能好好地体会这句话。在这种困难的抉择下,本人思来想去,寝食难安。问题的关键究竟为何?了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。莎士比亚曾经说过,抛弃时间的人,时间也抛弃他。我希望诸位也能好好地体会这句话。
+
+笛卡儿说过一句富有哲理的话,阅读一切好书如同和过去最杰出的人谈话。这句话语虽然很短,但令我浮想联翩。鲁巴金曾经提到过,读书是在别人思想的帮助下,建立起自己的思想。这启发了我,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。一段代码写一天因何而发生?一段代码写一天因何而发生?我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。邓拓曾经说过,越是没有本领的就越加自命不凡。这启发了我,从这个角度来看,一般来讲,我们都必须务必慎重的考虑考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。一般来说。
+
+对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。总结的来说,从这个角度来看,本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。德谟克利特说过一句富有哲理的话,节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们都知道,只要有意义,那么就必须慎重考虑。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。史美尔斯曾经提到过,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这句话语虽然很短,但令我浮想联翩。一般来讲,我们都必须务必慎重的考虑考虑。既然如此,我们都知道,只要有意义,那么就必须慎重考虑。这样看来,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。德国曾经提到过,只有在人群中间,才能认识自己。我希望诸位也能好好地体会这句话。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。
+
+所谓一段代码写一天,关键是一段代码写一天需要如何写。我们不得不面对一个非常尴尬的事实,那就是,从这个角度来看,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。莎士比亚在不经意间这样说过,意志命运往往背道而驰,决心到最后会全部推倒。我希望诸位也能好好地体会这句话。一段代码写一天,到底应该如何实现。那么,一段代码写一天,到底应该如何实现。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天,发生了会如何,不发生又会如何。在这种困难的抉择下,本人思来想去,寝食难安。塞涅卡在不经意间这样说过,生命如同寓言,其价值不在与长短,而在与内容。这不禁令我深思。那么,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。所谓一段代码写一天,关键是一段代码写一天需要如何写。我认为,所谓一段代码写一天,关键是一段代码写一天需要如何写。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。在这种困难的抉择下,本人思来想去,寝食难安。带着这些问题,我们来审视一下一段代码写一天。一段代码写一天,到底应该如何实现。一段代码写一天,发生了会如何,不发生又会如何。既然如何,要想清楚,一段代码写一天,到底是一种怎么样的存在。那么,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。总结的来说,那么,带着这些问题,我们来审视一下一段代码写一天。要想清楚,一段代码写一天,到底是一种怎么样的存在。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们不得不面对一个非常尴尬的事实,那就是,总结的来说,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一段代码写一天,发生了会如何,不发生又会如何。西班牙曾经提到过,自己的鞋子,自己知道紧在哪里。带着这句话,我们还要更加慎重的审视这个问题:既然如何,每个人都不得不面对这些问题。在面对这种问题时,问题的关键究竟为何?从这个角度来看,既然如此,在这种困难的抉择下,本人思来想去,寝食难安。我认为。
+
+一段代码写一天因何而发生?我们不得不面对一个非常尴尬的事实,那就是,洛克在不经意间这样说过,学到很多东西的诀窍,就是一下子不要学很多。这不禁令我深思。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。一般来说,而这些并不是完全重要,更加重要的问题是,问题的关键究竟为何?而这些并不是完全重要,更加重要的问题是,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一段代码写一天因何而发生?所谓一段代码写一天,关键是一段代码写一天需要如何写。一段代码写一天因何而发生?这样看来,一段代码写一天,到底应该如何实现。卡耐基说过一句富有哲理的话,一个不注意小事情的人,永远不会成就大事业。带着这句话,我们还要更加慎重的审视这个问题:一段代码写一天,到底应该如何实现。既然如此,而这些并不是完全重要,更加重要的问题是。
+
+冯学峰说过一句富有哲理的话,当一个人用工作去迎接光明,光明很快就会来照耀着他。我希望诸位也能好好地体会这句话。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。而这些并不是完全重要,更加重要的问题是,那么,要想清楚,一段代码写一天,到底是一种怎么样的存在。从这个角度来看,一段代码写一天,发生了会如何,不发生又会如何。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。在这种困难的抉择下,本人思来想去,寝食难安。我们都知道,只要有意义,那么就必须慎重考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。问题的关键究竟为何?本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。鲁巴金曾经提到过,读书是在别人思想的帮助下,建立起自己的思想。这不禁令我深思。莎士比亚曾经提到过,人的一生是短的,但如果卑劣地过这一生,就太长了。这启发了我。
+
+所谓一段代码写一天,关键是一段代码写一天需要如何写。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。海贝尔曾经说过,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。这似乎解答了我的疑惑。德国曾经说过,只有在人群中间,才能认识自己。这不禁令我深思。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。带着这些问题,我们来审视一下一段代码写一天。这样看来,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。克劳斯·莫瑟爵士在不经意间这样说过,教育需要花费钱,而无知也是一样。这似乎解答了我的疑惑。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一般来讲,我们都必须务必慎重的考虑考虑。一般来讲,我们都必须务必慎重的考虑考虑。一段代码写一天因何而发生?对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。而这些并不是完全重要,更加重要的问题是,一般来讲,我们都必须务必慎重的考虑考虑。我们都知道,只要有意义,那么就必须慎重考虑。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。博说过一句富有哲理的话,一次失败,只是证明我们成功的决心还够坚强。维这启发了我,从这个角度来看,问题的关键究竟为何?这样看来,既然如此,所谓一段代码写一天,关键是一段代码写一天需要如何写。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。总结的来说,我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。经过上述讨论,史美尔斯说过一句富有哲理的话,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。带着这句话,我们还要更加慎重的审视这个问题:在这种困难的抉择下,本人思来想去,寝食难安。在这种困难的抉择下,本人思来想去,寝食难安。冯学峰曾经说过,当一个人用工作去迎接光明,光明很快就会来照耀着他。这句话语虽然很短,但令我浮想联翩。
+
+所谓一段代码写一天,关键是一段代码写一天需要如何写。米歇潘在不经意间这样说过,生命是一条艰险的峡谷,只有勇敢的人才能通过。我希望诸位也能好好地体会这句话。问题的关键究竟为何?培根在不经意间这样说过,合理安排时间,就等于节约时间。这句话语虽然很短,但令我浮想联翩。吉格·金克拉说过一句富有哲理的话,如果你能做梦,你就能实现它。这启发了我,这样看来,既然如何,吉格·金克拉说过一句富有哲理的话,如果你能做梦,你就能实现它。这句话语虽然很短,但令我浮想联翩。所谓一段代码写一天,关键是一段代码写一天需要如何写。我们不得不面对一个非常尴尬的事实,那就是,在这种困难的抉择下,本人思来想去,寝食难安。要想清楚,一段代码写一天,到底是一种怎么样的存在。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。我们不得不面对一个非常尴尬的事实,那就是,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。所谓一段代码写一天,关键是一段代码写一天需要如何写。而这些并不是完全重要,更加重要的问题是,左拉在不经意间这样说过,生活的道路一旦选定,就要勇敢地走到底,决不回头。这似乎解答了我的疑惑。一般来讲,我们都必须务必慎重的考虑考虑。一般来说,经过上述讨论,总结的来说,一般来讲,我们都必须务必慎重的考虑考虑。这样看来,既然如此,一般来说,一段代码写一天,发生了会如何,不发生又会如何。那么,既然如此,每个人都不得不面对这些问题。在面对这种问题时,莎士比亚曾经提到过,本来无望的事,大胆尝试,往往能成功。带着这句话,我们还要更加慎重的审视这个问题:韩非在不经意间这样说过,内外相应,言行相称。这似乎解答了我的疑惑。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这不禁令我深思。我们不得不面对一个非常尴尬的事实,那就是,总结的来说,现在,解决一段代码写一天的问题,是非常非常重要的。所以,我们不得不面对一个非常尴尬的事实,那就是,我认为,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。我们都知道,只要有意义,那么就必须慎重考虑。培根在不经意间这样说过,合理安排时间,就等于节约时间。带着这句话,我们还要更加慎重的审视这个问题:可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。从这个角度来看,一般来讲,我们都必须务必慎重的考虑考虑。那么,所谓一段代码写一天,关键是一段代码写一天需要如何写。歌德曾经说过,意志坚强的人能把世界放在手中像泥块一样任意揉捏。带着这句话,我们还要更加慎重的审视这个问题:这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。每个人都不得不面对这些问题。在面对这种问题时,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。塞涅卡曾经提到过,生命如同寓言,其价值不在与长短,而在与内容。这句话语虽然很短,但令我浮想联翩。
+
+我们都知道,只要有意义,那么就必须慎重考虑。带着这些问题,我们来审视一下一段代码写一天。笛卡儿曾经说过,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。带着这句话,我们还要更加慎重的审视这个问题:现在,解决一段代码写一天的问题,是非常非常重要的。所以,本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。迈克尔·F·斯特利曾经提到过,最具挑战性的挑战莫过于提升自我。这启发了我,现在,解决一段代码写一天的问题,是非常非常重要的。所以,既然如何,我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。易卜生说过一句富有哲理的话,伟大的事业,需要决心,能力,组织和责任感。带着这句话,我们还要更加慎重的审视这个问题:我们都知道,只要有意义,那么就必须慎重考虑。一段代码写一天,发生了会如何,不发生又会如何。带着这些问题,我们来审视一下一段代码写一天。我们不得不面对一个非常尴尬的事实,那就是,我们不得不面对一个非常尴尬的事实,那就是。
+
+我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,在这种困难的抉择下,本人思来想去,寝食难安。在这种困难的抉择下,本人思来想去,寝食难安。我们不得不面对一个非常尴尬的事实,那就是,现在,解决一段代码写一天的问题,是非常非常重要的。所以,俾斯麦说过一句富有哲理的话,失败是坚忍的最后考验。带着这句话,我们还要更加慎重的审视这个问题:可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。达·芬奇在不经意间这样说过,大胆和坚定的决心能够抵得上武器的精良。这似乎解答了我的疑惑。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。而这些并不是完全重要,更加重要的问题是,我认为,总结的来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。
+
+问题的关键究竟为何?我们不得不面对一个非常尴尬的事实,那就是,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我认为,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。带着这些问题,我们来审视一下一段代码写一天。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。问题的关键究竟为何?从这个角度来看,我们都知道,只要有意义,那么就必须慎重考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。那么,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。既然如何,从这个角度来看,带着这些问题,我们来审视一下一段代码写一天。一段代码写一天,发生了会如何,不发生又会如何。
+
+培根在不经意间这样说过,要知道对好事的称颂过于夸大,也会招来人们的反感轻蔑和嫉妒。这句话语虽然很短,但令我浮想联翩。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。既然如何,而这些并不是完全重要,更加重要的问题是,这样看来,贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这不禁令我深思。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一段代码写一天,发生了会如何,不发生又会如何。问题的关键究竟为何?卡耐基在不经意间这样说过,我们若已接受最坏的,就再没有什么损失。我希望诸位也能好好地体会这句话。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。现在,解决一段代码写一天的问题,是非常非常重要的。所以,要想清楚,一段代码写一天,到底是一种怎么样的存在。爱迪生曾经说过,失败也是我需要的,它和成功对我一样有价值。我希望诸位也能好好地体会这句话。既然如何,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。海贝尔说过一句富有哲理的话,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。我希望诸位也能好好地体会这句话。
+
+这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。经过上述讨论,我认为,莫扎特曾经提到过,谁和我一样用功,谁就会和我一样成功。这句话语虽然很短,但令我浮想联翩。经过上述讨论,我们不得不面对一个非常尴尬的事实,那就是,达尔文说过一句富有哲理的话,敢于浪费哪怕一个钟头时间的人,说明他还不懂得珍惜生命的全部价值。这句话语虽然很短,但令我浮想联翩。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。一般来讲,我们都必须务必慎重的考虑考虑。罗曼·罗兰曾经说过,只有把抱怨环境的心情,化为上进的力量,才是成功的保证。这启发了我,而这些并不是完全重要,更加重要的问题是,总结的来说,这样看来,每个人都不得不面对这些问题。在面对这种问题时,一般来讲,我们都必须务必慎重的考虑考虑。既然如此,总结的来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。
+
+德国曾经提到过,只有在人群中间,才能认识自己。带着这句话,我们还要更加慎重的审视这个问题:既然如此,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。杰纳勒尔·乔治·S·巴顿曾经提到过,接受挑战,就可以享受胜利的喜悦。这不禁令我深思。一段代码写一天因何而发生?问题的关键究竟为何?海贝尔曾经提到过,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。带着这句话,我们还要更加慎重的审视这个问题。
+
+经过上述讨论,我们都知道,只要有意义,那么就必须慎重考虑。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。我认为,一般来说,经过上述讨论,我认为,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。问题的关键究竟为何?一段代码写一天因何而发生?莎士比亚曾经提到过,本来无望的事,大胆尝试,往往能成功。这似乎解答了我的疑惑。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一段代码写一天,到底应该如何实现。我们都知道,只要有意义,那么就必须慎重考虑。总结的来说,那么,叔本华在不经意间这样说过,普通人只想到如何度过时间,有才能的人设法利用时间。这句话语虽然很短,但令我浮想联翩。总结的来说,经过上述讨论,从这个角度来看,一段代码写一天,发生了会如何,不发生又会如何。总结的来说,所谓一段代码写一天,关键是一段代码写一天需要如何写。既然如何,一段代码写一天,到底应该如何实现。
+
+问题的关键究竟为何?一般来讲,我们都必须务必慎重的考虑考虑。歌德说过一句富有哲理的话,读一本好书,就如同和一个高尚的人在交谈。这不禁令我深思。迈克尔·F·斯特利曾经提到过,最具挑战性的挑战莫过于提升自我。这不禁令我深思。在这种困难的抉择下,本人思来想去,寝食难安。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。要想清楚,一段代码写一天,到底是一种怎么样的存在。莫扎特说过一句富有哲理的话,谁和我一样用功,谁就会和我一样成功。这句话语虽然很短,但令我浮想联翩。
+
+这样看来,每个人都不得不面对这些问题。在面对这种问题时,从这个角度来看,现在,解决一段代码写一天的问题,是非常非常重要的。所以,我们不得不面对一个非常尴尬的事实,那就是,富兰克林曾经提到过,读书是易事,思索是难事,但两者缺一,便全无用处。这句话语虽然很短,但令我浮想联翩。我们都知道,只要有意义,那么就必须慎重考虑。康德曾经说过,既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。我希望诸位也能好好地体会这句话。一段代码写一天,到底应该如何实现。而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。一般来讲,我们都必须务必慎重的考虑考虑。带着这些问题,我们来审视一下一段代码写一天。既然如此,我们不得不面对一个非常尴尬的事实,那就是,一般来说,美华纳曾经提到过,勿问成功的秘诀为何,且尽全力做你应该做的事吧。这句话语虽然很短,但令我浮想联翩。我们都知道,只要有意义,那么就必须慎重考虑。叔本华曾经说过,意志是一个强壮的盲人,倚靠在明眼的跛子肩上。我希望诸位也能好好地体会这句话。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如此,郭沫若曾经说过,形成天才的决定因素应该是勤奋。我希望诸位也能好好地体会这句话。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。一般来讲,我们都必须务必慎重的考虑考虑。在这种困难的抉择下,本人思来想去,寝食难安。经过上述讨论,一段代码写一天,发生了会如何,不发生又会如何。从这个角度来看,一段代码写一天因何而发生?了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。既然如何。
+
+而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,既然如何,要想清楚,一段代码写一天,到底是一种怎么样的存在。那么,那么,我认为,经过上述讨论,既然如此,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。卡耐基曾经提到过,一个不注意小事情的人,永远不会成就大事业。这句话语虽然很短,但令我浮想联翩。黑塞曾经提到过,有勇气承担命运这才是英雄好汉。这似乎解答了我的疑惑。一般来说,雷锋在不经意间这样说过,自己活着,就是为了使别人过得更美好。这启发了我,一般来说,而这些并不是完全重要,更加重要的问题是。
+
+裴斯泰洛齐在不经意间这样说过,今天应做的事没有做,明天再早也是耽误了。这句话语虽然很短,但令我浮想联翩。爱迪生曾经说过,失败也是我需要的,它和成功对我一样有价值。带着这句话,我们还要更加慎重的审视这个问题:带着这些问题,我们来审视一下一段代码写一天。既然如此,富勒曾经提到过,苦难磨炼一些人,也毁灭另一些人。我希望诸位也能好好地体会这句话。培根说过一句富有哲理的话,深窥自己的心,而后发觉一切的奇迹在你自己。这似乎解答了我的疑惑。问题的关键究竟为何。
+
+既然如何,一般来讲,我们都必须务必慎重的考虑考虑。经过上述讨论,普列姆昌德曾经说过,希望的灯一旦熄灭,生活刹那间变成了一片黑暗。这不禁令我深思。总结的来说,在这种困难的抉择下,本人思来想去,寝食难安。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这启发了我,那么,在这种困难的抉择下,本人思来想去,寝食难安。那么,带着这些问题,我们来审视一下一段代码写一天。
+
+我认为,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。既然如何,黑塞曾经提到过,有勇气承担命运这才是英雄好汉。这不禁令我深思。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这似乎解答了我的疑惑。在这种困难的抉择下,本人思来想去,寝食难安。
+
+可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。拉罗什福科在不经意间这样说过,我们唯一不会改正的缺点是软弱。这不禁令我深思。既然如此,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一般来讲,我们都必须务必慎重的考虑考虑。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如此,史美尔斯曾经说过,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这不禁令我深思。现在,解决一段代码写一天的问题,是非常非常重要的。所以,一般来讲,我们都必须务必慎重的考虑考虑。现在,解决一段代码写一天的问题,是非常非常重要的。所以,一段代码写一天,到底应该如何实现。贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这似乎解答了我的疑惑。阿卜·日·法拉兹曾经说过,学问是异常珍贵的东西,从任何源泉吸收都不可耻。这似乎解答了我的疑惑。我们不得不面对一个非常尴尬的事实,那就是。
+
+池田大作在不经意间这样说过,不要回避苦恼和困难,挺起身来向它挑战,进而克服它。这句话语虽然很短,但令我浮想联翩。叔本华在不经意间这样说过,意志是一个强壮的盲人,倚靠在明眼的跛子肩上。带着这句话,我们还要更加慎重的审视这个问题:一段代码写一天,发生了会如何,不发生又会如何。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一般来说,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一般来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。
diff --git a/exampleSite/layouts/partials/favicon.html b/exampleSite/layouts/partials/favicon.html
new file mode 100644
index 0000000..dcfd558
--- /dev/null
+++ b/exampleSite/layouts/partials/favicon.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
--
cgit v1.2.3
From 914bf54c493b299268c293be33a8babf99b1cce2 Mon Sep 17 00:00:00 2001
From: amzrk2
Date: Thu, 4 Jun 2020 20:08:43 +0800
Subject: Custom scss variable support
---
README.md | 80 +++++++++++++++++++++++++-------------
README_CN.md | 76 ++++++++++++++++++++++++------------
assets/scss/_fuji-theme/_base.scss | 32 +++++++--------
assets/scss/_var.scss | 18 +++++++++
dist/fuji.min.css.map | 2 +-
exampleSite/config.toml | 4 +-
layouts/partials/head.html | 6 +++
static/assets/css/fuji.min.css.map | 2 +-
8 files changed, 148 insertions(+), 72 deletions(-)
diff --git a/README.md b/README.md
index e2e33b8..1a5505c 100644
--- a/README.md
+++ b/README.md
@@ -6,24 +6,25 @@ Fuji is a minimal Hugo theme with full dark mode support and GitHub Primer markd
[English](https://github.com/amzrk2/hugo-theme-fuji#readme) | [简体中文](https://github.com/amzrk2/hugo-theme-fuji/blob/master/README_CN.md)
+After the release of v2, **there may be major changes in the image lazyload shortcode** to make it easier to use.If you want to change the color scheme, please check [🔧 Advanced configuration](#-advanced-configuration).
+
## 📑 Table of contents
-- [💻 Live demos](#user-content--live-demos)
-- [❗ Notice](#user-content--notice)
-- [🐣 Getting started](#user-content--getting-started)
-- [🆕 Update the theme](#user-content--update-the-theme)
-- [⚙️ Configration](#user-content--configration)
- - [🎨 Favicon](#user-content--favicon)
- - [❌ In-post license, comments und toc](#user-content--in-post-license-comments-und-toc)
- - [🎵 APlayer](#user-content--aplayer)
- - [📷 Image zoom and lazyload settings](#user-content--image-zoom-and-lazyload-settings)
- - [⚓ Markdown render hook](#user-content--markdown-render-hook)
- - [📨 Comments area](#user-content--comments-area)
- - [⏱️ Load main CSS und JS from CDN](#user-content--load-main-css-und-js-from-cdn)
- - [🔧 Advanced configuration](#user-content--advanced-configuration)
-- [✏️ Report und contributing](#user-content--report-und-contributing)
-- [📝 License](#user-content--license)
-- [🤝 Annotations](#user-content--annotations)
+- [💻 Live demos](#-live-demos)
+- [❗ Notice](#-notice)
+- [🐣 Getting started](#-getting-started)
+- [🆕 Update the theme](#-update-the-theme)
+- [⚙️ Configration](#%EF%B8%8F-configration)
+ - [🎨 Favicon](#-favicon)
+ - [❌ In-post license, comments und toc](#-in-post-license-comments-und-toc)
+ - [🎵 APlayer](#-aplayer)
+ - [📷 Image zoom and lazyload settings](#-image-zoom-and-lazyload-settings)
+ - [⚓ Markdown render hook](#-markdown-render-hook)
+ - [📨 Comments area](#-comments-area)
+ - [🔧 Advanced configuration](#-advanced-configuration)
+- [✏️ Issue und contributing](#%EF%B8%8F-issue-und-contributing)
+- [📝 License](#-license)
+- [🤝 Annotations](#-annotations)
## 💻 Live demos
@@ -57,6 +58,8 @@ If you want to generate your site, just run `hugo` or `hugo --minify`.
## 🆕 Update the theme
+You can watch (release only) this repo to receive update notifications.
+
Inside the folder of your Hugo site run:
```bash
@@ -143,24 +146,47 @@ You can use `[SITEROOT]/layouts/_default/_markup/render-link.html` to decide whe
### 📨 Comments area
-主题支持三种评论系统,Disqus、utterances 和 DisqusJS (给大陆用户的)。
+Theme supports Disqus, utterances and DisqusJS (for Mainland China user)。
-对于 Disqus 默认情况下使用 `{{ .Permalink }}` 作为 `url`,使用 `{{ .File.ContentBaseName }}` 作为 `identifier`。
+by default, disqus uses `{{ .Permalink }}` as `url`, `{{ .File.ContentBaseName }}` as `identifier`.
Use the `[SITEROOT]/layouts/partials/comment-*.html` to cover `themes/fuji/layouts/partials/comment-*.html`. Then you can customize the url and identifier, or set multiple api key, add more settings for using DisqusJS. If you want to use DisqusJS, please remember to set `disqusJSApi` to anything in your `config.toml` to load CSS.
-You can check my blog for example of using DisqusJS and add more settings and api keys, remember to set to your own key when deploing:
-
-- [`config.toml`]()
-- [`comment-disqusjs.html`]()
+### 🔧 Advanced configuration
-### ⏱️ Load main CSS und JS from CDN
+See [Report und contributing](#report-und-contributing).
-Without the demand of custmize the CSS, you can uncomment `mainAssetsCDN = true` in `config.toml` to load `fuji.min.css` and `fuji.min.js` from jsDelivr.
+If you just simply want to change the color scheme, set this in your `config.toml`:
-### 🔧 Advanced configuration
+```toml
+useHugoPipes = true
+```
-See [Report und contributing](#report-und-contributing).
+This will make the theme use Hugo Pipes provided by Hugo Extended Vesion to compile the SCSS, then you can cover theme's internal SCSS with your own. Then create `[SITEROOT]/assets/scss/_custom.scss` cover variables in SCSS:
+
+```scss
+$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font;
+$body-font-size: 16px;
+
+$light-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$light-color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
+$light-color-focus: #3b469b; // https://irocore.com/aomurasaki/
+$light-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$light-color-font: #3f4551; // https://irocore.com/konnezu/
+$light-color-divider: #e5e2e4; // https://irocore.com/komachinezu/
+$light-color-bg: #fffffd; // https://irocore.com/shiro/
+$light-color-codebg: #f6f8fa; // GitHub
+
+$dark-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$dark-color-secondary: #bab1df; // https://irocore.com/fujimurasaki/
+$dark-color-focus: #e6e6e6; // https://irocore.com/shironezumi/
+$dark-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$dark-color-font: #c0c0c0; // https://irocore.com/gin-iro/
+$dark-color-divider: #4d5158; // Discord
+$dark-color-bg: #2f3136; // Discord
+$dark-color-codebg: #414449; // GitHub
+```
## ✏️ Report und contributing
@@ -197,7 +223,7 @@ The theme is released under the ```Apache License 2.0```, for more information r
- [DisqusJS - MIT](https://github.com/SukkaW/DisqusJS/blob/master/LICENSE)
- [ionicons - MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE)
-> © 2020 DSRKafuU(amzrk2) [Twitter](https://twitter.com/amzrk2) [GitHub]()
+> © 2020 DSRKafuU(amzrk2) [Twitter @amzrk2](https://twitter.com/amzrk2) [GitHub @amzrk2](https://github.com/amzrk2)
## 🤝 Annotations
diff --git a/README_CN.md b/README_CN.md
index 7cd786a..1c1a566 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -6,24 +6,25 @@
[English](https://github.com/amzrk2/hugo-theme-fuji#readme) | [简体中文](https://github.com/amzrk2/hugo-theme-fuji/blob/master/README_CN.md)
+**v2 发布之后关于 lazyload 这一块可能会有较大的改动**,现在这样确实有些麻烦了。如果想修改主题配色的话,可以参考
+
## 目录
-- [💻 在线 Demo](#user-content--在线-demo)
-- [❗ 注意事项](#user-content--注意事项)
-- [🐣 开始使用](#user-content--开始使用)
-- [🆕 更新主题](#user-content--更新主题)
-- [⚙️ 自定义设置](#user-content--自定义设置)
- - [🎨 站点图标](#user-content--站点图标)
- - [❌ 关闭 License、评论区和目录](#user-content--关闭-license评论区和目录)
- - [🎵 文章音乐](#user-content--文章音乐)
- - [📷 图片放大的设置和 lazyload](#user-content--图片放大的设置和-lazyload)
- - [⚓ Markdown 钩子](#user-content--markdown-钩子)
- - [📨 评论区](#user-content--评论区)
- - [⏱️ 通过 CDN 加载主 CSS 和 JS](#user-content--通过-cdn-加载主-css-和-js)
- - [🔧 其他高级修改](#user-content--其他高级修改)
-- [👓 批判一番和贡献代码](#user-content--批判一番和贡献代码)
-- [📝 License](#user-content--license)
-- [🤝 Annotations](#user-content--annotations)
+- [💻 在线 Demo](#-在线-demo)
+- [❗ 注意事项](#-注意事项)
+- [🐣 开始使用](#-开始使用)
+- [🆕 更新主题](#-更新主题)
+- [⚙️ 自定义设置](#%EF%B8%8F-自定义设置)
+ - [🎨 站点图标](#-站点图标)
+ - [❌ 关闭 License、评论区和目录](#-关闭-license评论区和目录)
+ - [🎵 文章音乐](#-文章音乐)
+ - [📷 图片放大的设置和 lazyload](#-图片放大的设置和-lazyload)
+ - [⚓ Markdown 钩子](#-markdown-钩子)
+ - [📨 评论区](#-评论区)
+ - [🔧 其他高级修改](#-其他高级修改)
+- [👓 批判一番和贡献代码](#-批判一番和贡献代码)
+- [📝 License](#-license)
+- [🤝 Annotations](#-annotations)
## 💻 在线 Demo
@@ -49,6 +50,8 @@ $ git submodule add https://github.com/amzrk2/hugo-theme-fuji.git themes/fuji
## 🆕 更新主题
+可以 watch (release only) 这个 repo 来接收更新信息,master 分支不会频繁改动。
+
```bash
$ git submodule update --remote --merge
```
@@ -139,18 +142,41 @@ playerCover = "..." # 封面
使用 `[SITEROOT]/layouts/partials/comment-*.html` 来覆盖 `themes/fuji/layouts/partials/comment-*.html`。可在此文件内自定义指定的 url 和 identifier,或者为 DisqusJS 设置多个 api key 抑或是添加更多设置。注意如果使用 DisqusJS,将 `config.toml` 内的 `disqusJSApi` 解除注释来加载 CSS。
-可以参考 Demo 的设置作为使用 DisqusJS、并且自定义设置和多个 api key 的例子,记得最后部署时候修改为自己的设置和 key 哦:
-
-- [`config.toml`]()
-- [`comment-disqusjs.html`]()
+### 🔧 其他高级修改
-### ⏱️ 通过 CDN 加载主 CSS 和 JS
+见[批判一番和贡献代码](#批判一番和贡献代码)。
-如果你不需要自行修改 CSS 和 JS,可以将 `config.toml` 内的 `mainAssetsCDN = true` 解除注释。`fuji.min.css` 和 `fuji.min.js` 将会从 jsDelivr 加载。
+如果只是想修改主题色或者字体的话,在 `config.toml` 以下设置:
-### 🔧 其他高级修改
+```toml
+useHugoPipes = true
+```
-见[批判一番和贡献代码](#批判一番和贡献代码)。
+这将让 Hugo 使用 Hugo Pipes 来编译 SCSS,注意需要 Extended Version,然后就可以自己覆盖主题内的 SCSS 变量了。创建 `[SITEROOT]/assets/scss/_custom.scss`,可选项如下:
+
+```scss
+$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
+$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font;
+$body-font-size: 16px;
+
+$light-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$light-color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
+$light-color-focus: #3b469b; // https://irocore.com/aomurasaki/
+$light-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$light-color-font: #3f4551; // https://irocore.com/konnezu/
+$light-color-divider: #e5e2e4; // https://irocore.com/komachinezu/
+$light-color-bg: #fffffd; // https://irocore.com/shiro/
+$light-color-codebg: #f6f8fa; // GitHub
+
+$dark-color-primary: #8aa2d3; // https://irocore.com/aofuji/
+$dark-color-secondary: #bab1df; // https://irocore.com/fujimurasaki/
+$dark-color-focus: #e6e6e6; // https://irocore.com/shironezumi/
+$dark-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
+$dark-color-font: #c0c0c0; // https://irocore.com/gin-iro/
+$dark-color-divider: #4d5158; // Discord
+$dark-color-bg: #2f3136; // Discord
+$dark-color-codebg: #414449; // GitHub
+```
## 👓 批判一番和贡献代码
@@ -187,7 +213,7 @@ The theme is released under the ```Apache License 2.0```, for more information r
- [DisqusJS - MIT](https://github.com/SukkaW/DisqusJS/blob/master/LICENSE)
- [ionicons - MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE)
-> © 2020 DSRKafuU(amzrk2) [Twitter](https://twitter.com/amzrk2) [GitHub]()
+> © 2020 DSRKafuU(amzrk2) [Twitter @amzrk2](https://twitter.com/amzrk2) [GitHub @amzrk2](https://github.com/amzrk2)
## 🤝 Annotations
diff --git a/assets/scss/_fuji-theme/_base.scss b/assets/scss/_fuji-theme/_base.scss
index d35d8b6..d9a6f7e 100644
--- a/assets/scss/_fuji-theme/_base.scss
+++ b/assets/scss/_fuji-theme/_base.scss
@@ -1,25 +1,25 @@
@mixin light {
--color-mode: 'light';
- --color-primary: #8aa2d3; // https://irocore.com/aofuji/
- --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/
- --color-focus: #3b469b; // https://irocore.com/aomurasaki/
- --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
- --color-font: #3f4551; // https://irocore.com/konnezu/
- --color-divider: #e5e2e4; // https://irocore.com/komachinezu/
- --color-bg: #fffffd; // https://irocore.com/shiro/
- --color-codebg: #f6f8fa; // GitHub
+ --color-primary: #{$light-color-primary};
+ --color-secondary: #{$light-color-secondary};
+ --color-focus: #{$light-color-focus};
+ --color-mute: #{$light-color-mute};
+ --color-font: #{$light-color-font};
+ --color-divider: #{$light-color-divider};
+ --color-bg: #{$light-color-bg};
+ --color-codebg: #{$light-color-codebg};
}
@mixin dark {
--color-mode: 'dark';
- --color-primary: #8aa2d3; // https://irocore.com/aofuji/
- --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/
- --color-focus: #e6e6e6; // https://irocore.com/shironezumi/
- --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/
- --color-font: #c0c0c0; // https://irocore.com/gin-iro/
- --color-divider: #4d5158; // Discord
- --color-bg: #2f3136; // Discord
- --color-codebg: #414449; // kai GitHub
+ --color-primary: #{$dark-color-primary};
+ --color-secondary: #{$dark-color-secondary};
+ --color-focus: #{$dark-color-focus};
+ --color-mute: #{$dark-color-mute};
+ --color-font: #{$dark-color-font};
+ --color-divider: #{$dark-color-divider};
+ --color-bg: #{$dark-color-bg};
+ --color-codebg: #{$dark-color-codebg};
}
body[data-theme='auto'] {
diff --git a/assets/scss/_var.scss b/assets/scss/_var.scss
index d473787..4cbd256 100644
--- a/assets/scss/_var.scss
+++ b/assets/scss/_var.scss
@@ -15,6 +15,24 @@ $body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue',
$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;
$body-font-size: 16px !default;
+$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/
+$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/
+$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/
+$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/
+$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/
+$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/
+$light-color-bg: #fffffd !default; // https://irocore.com/shiro/
+$light-color-codebg: #f6f8fa !default; // GitHub
+
+$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/
+$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/
+$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/
+$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/
+$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/
+$dark-color-divider: #4d5158 !default; // Discord
+$dark-color-bg: #2f3136 !default; // Discord
+$dark-color-codebg: #414449 !default; // kai GitHub
+
@font-face {
font-family: 'Product Sans';
font-style: normal;
diff --git a/dist/fuji.min.css.map b/dist/fuji.min.css.map
index ecb1320..8483845 100644
--- a/dist/fuji.min.css.map
+++ b/dist/fuji.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"AAmCA,WACI,wBAA2B,CAC3B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,4KACyH,CACzH,2IAA4J,CAGhK,WACI,yBAA4B,CAC5B,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,8IACiH,CC1CrH,UAHI,WAMY,CAHhB,KACI,YAAa,CACb,qBACY,CAGhB,KACI,aAAc,CAIlB,QACI,8BAAgC;;ACpBpC,2EAAA,CAOA,KACE,sBAAuB,CACvB,yBAA0B,CAC1B,6BAAuC,CAOzC,KACE,QAAS,CAYX,4EAWE,aAAc,CAGhB,QACE,iBAAkB,CAOpB,4BAIE,oBAAqB,CAOvB,sBACE,YAAa,CACb,QAAS,CAOX,SACE,uBAAwB,CAQ1B,kBAEE,sBAAwB,CAU1B,EACE,4BAAsC,CAQxC,iBAEE,eAAgB,CAWlB,YACE,kBAAmB,CACnB,yBAA0B,CAC1B,wCAAiC,CAAjC,gCAA0C,CAO5C,SAEE,mBAAoB,CASpB,kBAToB,CAgBtB,IACE,iBAAkB,CAQpB,GACE,aAAc,CACd,cAAgB,CAOlB,KACE,qBAAsB,CACtB,aCnKa,CD0Kf,MACE,aAAc,CAQhB,QAEE,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBAAwB,CAG1B,IACE,aAAe,CAGjB,IACE,SAAW,CAUb,IACE,iBAAkB,CAOpB,eACE,eAAgB,CAWlB,kBAIE,+BAAiC,CACjC,aAAuB,CAOzB,OACE,eEpMoB,CF4MtB,GACE,sBAAuB,CACvB,QAAS,CACT,gBAA0B,CAW5B,6BAIE,YAAa,CACb,QAAkB,CAOpB,SACE,eFvQoB,CE+QtB,aAEE,gBAAiB,CAQnB,cAEE,mBAAoB,CAStB,qDAIE,yBAAmC,CAOrC,wHAIE,iBAAkB,CAClB,SAAU,CAOZ,4GAIE,6BAA8B,CAOhC,SACE,uBAA2C,CAC3C,YAAa,CACb,0BE1QkB,CFoRpB,OACE,qBAAsB,CACtB,aAAc,CACd,aAAc,CACd,cAAe,CACf,SAAU,CACV,kBAA4B,CAO9B,SACE,aAAc,CGZhB,6BHsBE,qBAAsB,CACtB,SAAmB,CGbrB,kFHsBE,WAAY,CGdd,cHuBE,4BAA6B,CAC7B,mBAA6B,CGf/B,qFHwBE,uBAAwB,CAO1B,4BACE,aAAc,CACd,WAAa,CAQf,6BACE,yBAA0B,CAC1B,YAAsB,CIlaxB,EACE,qBAAsB,CAGxB,6BAIE,mBAAoB,CACpB,iBAAkB,CAClB,mBAAoB,CAGtB,KACE,yMNFsH,CMGtH,cNDmB,CMEnB,eCcc,CDbd,aHFuB,CGGvB,qBHjBU,CGoBZ,EACE,aHCuB,CGAvB,oBAAqB,CAFvB,QAKI,yBAA0B,CAI9B,SAEE,eNzBoB,CM+BtB,SAEE,QAAS,CAET,aAAc,CACd,eAAgB,CAChB,sBAAuB,CACvB,QAAS,CAET,+BAAiE,CEIjE,4CAJE,aAAc,CACd,UAMW,CAHb,qBAEE,UACW,CFCf,MACE,gBAAiB,CACjB,wBAAyB,CAG3B,MAEE,SAAU,CAGZ,OACE,cAAe,CAEf,eAAgB,CDkYlB,iBC5XE,sBAAwB,CAG1B,gBACY,cAAe,CAD3B,kCAKuB,sBAAwB,CGhF/C,IACE,oBAAqB,CAErB,eAAwC,CACxC,gPTMsH,CSJtH,gBAAiB,CAEjB,aNGuB,CMFvB,qBAAsB,CACtB,wBNNuB,CMSvB,wBNNuB,CMOvB,iBCViB,CDYjB,iCNTuB,CQPzB,kBAME,YAAa,CACb,eAAgB,CAGlB,GCDE,cZJoB,CWMtB,MCDE,eZLoB,CWMtB,GCGE,cZToB,CWOtB,GCOE,cZdoB,CWQtB,MCOE,eZfoB,CWQtB,GCWE,cZnBoB,CWStB,GCeE,cZxBoB,CWUtB,MCeE,eZzBoB,CWUtB,GCmBE,cZ7BoB,CWetB,EACE,YAAa,CAEb,kBAAmB,CAGrB,MAEE,aAAc,CAGhB,WACE,QAAS,CAMX,MAEE,cAAe,CACf,YAAa,CACb,eAAgB,CAGlB,YAEE,2BAA4B,CAG9B,oCAIE,2BAA4B,CAG9B,GACE,aAAc,CAYhB,YAJE,kPXxDsH,CWyDtH,cJlDoB,CIqDtB,IACE,YAAa,CACb,eJvDoB,CIiEtB,SACE,0BAA2B,CElF7B,cACE,eAEiB,CAInB,4BALE,iBAAkB,CAClB,gBAOiB,CAHnB,cACE,eAEiB,CAInB,cACE,gBAEiB,CAInB,4BALE,iBAAkB,CAClB,gBAOiB,CAHnB,cACE,gBAEiB,CCzBnB,OAAS,cAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,SAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,SAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,eAAsB,CAC/B,OAAS,SAAsB,CAC/B,QAAU,eAAuB,CACjC,QAAU,eAAuB,CACjC,QAAU,UAAW,CNAf,yBMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CNftC,yBMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CNftC,0BMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CNftC,0BMIF,UAAwB,cAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,eAAuB,CAC/C,UAAwB,SAAuB,CAC/C,WAAyB,eAAwB,CACjD,WAAyB,eAAwB,CACjD,WAAyB,UAAW,CAAI,CAgB5C,QATE,kBVCoB,CUApB,iBVAoB,CUEpB,sBACE,4BAAuC,CACvC,2BAAsC,CAQ1C,kBAbE,iBVLU,CUMV,gBVNU,CUQV,gCACE,2BAAuC,CACvC,0BAAsC,CAY1C,iBAjBE,kBVEoB,CUDpB,iBVCoB,CUCpB,+BACE,4BAAuC,CACvC,2BAAsC,CN3BpC,yBM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CN5BG,yBM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CN5BG,0BM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CN5BG,0BM6CF,WAvBF,kBVCoB,CUApB,iBVAoB,CUEpB,yBACE,4BAAuC,CACvC,2BAAsC,CAmBtC,qBAxBF,iBVLU,CUMV,gBVNU,CUQV,mCACE,2BAAuC,CACvC,0BAAsC,CAoBtC,oBAzBF,kBVEoB,CUDpB,iBVCoB,CUCpB,kCACE,4BAAuC,CACvC,2BAAsC,CACvC,CCpCH,eACE,yMfMsH,CeLtH,cRQY,CQPZ,eRsBc,CQrBd,oBAAqB,CNPvB,mBACE,oBAAqB,CAErB,eAAwC,CACxC,gPTMsH,CSJtH,gBAAiB,CAEjB,aNGuB,CMFvB,qBAAsB,CACtB,wBNNuB,CMSvB,wBNNuB,CMOvB,iBCViB,CDYjB,iCNTuB,CYJzB,2CAUI,aAAc,CACd,UAMW,CAjBf,qBAgBI,UACW,CAjBf,4BAqBI,sBAAwB,CArB5B,2BAyBI,yBAA2B,CAzB/B,6BAmCI,aAAc,CACd,oBAAqB,CApCzB,uBAyCI,aZ0BqB,CYnEzB,uBA6CI,UAAW,CACX,iBXjByB,CWmBzB,iBAAkB,CAClB,aR1BkB,CQvBtB,6BAoDM,YAAa,CApDnB,gKAgEI,YAAa,CACb,kBXlCkB,CW/BtB,kBAqEI,YXPgB,CWQhB,SAAU,CACV,aAAmB,CAEnB,wBZtEqB,CYuErB,QAAS,CA1Eb,0BA+EI,aAAc,CACd,aZ1EqB,CY4ErB,+BAAwD,CAlF5D,uCAqFM,YAAa,CArFnB,sCAyFM,eAAgB,CC5FtB,4GAQI,eZ2BkB,CY1BlB,kBZyBkB,CYxBlB,ehBLkB,CgBMlB,gBTgBe,CS3BnB,gMAcM,abhBS,CaiBT,qBAAsB,CACtB,iBAAkB,CAhBxB,gMAoBM,oBAAqB,CApB3B,oRAuBQ,kBAAmB,CAvB3B,wQA6BM,iBAAkB,CA7BxB,kBAqCI,aC/BuC,CDN3C,oCAmCI,mBAAqB,CAGrB,+BChCuC,CDN3C,kBA6CI,eCvCuC,CDN3C,kBAmDI,gBAAiB,CAnDrB,kBAuDI,aAAc,CAvDlB,kBA4DI,gBAAkB,CA5DtB,kBAiEI,eAAiB,CACjB,abzDqB,CeTzB,oCAMI,gBAAiB,CANrB,oDASM,SAAU,CACV,oBAAqB,CAV3B,oFAyCI,YAAa,CACb,eAAgB,CA1CpB,kBA8CI,mBAAoB,CA9CxB,oBAkDI,edhBkB,CclCtB,qBAsDI,gBdWgB,CcjEpB,kBA0DI,SAAU,CA1Dd,qBA6DM,SAAU,CACV,ed5BgB,Cc6BhB,aAAc,CACd,iBAAkB,CAClB,elB5DgB,CkBLtB,qBAqEM,cdnCgB,CcoChB,kBdpCgB,CenCtB,qBAGI,aAAc,CACd,UAAW,CACX,aAAc,CALlB,wBAQM,enBFgB,CmBNtB,gDAcM,gBAAiB,CAEjB,wBAA0D,CAhBhE,wBAoBM,qBhBpBM,CgBsBN,4BAA6D,CAtBnE,sCAyBQ,wBhBnBiB,CgBNzB,yBA8BM,4BAA6B,CC7BnC,mBAGI,cAAe,CAGf,sBAAuB,CACvB,qBjBRQ,CiBCZ,gCAWM,iBAAkB,CAXxB,+BAgBM,kBAAmB,CAhBzB,sBAqBI,cAAe,CACf,uBAAwB,CAExB,4BAA6B,CAxBjC,0BA+BI,aAAc,CACd,eAAgB,CAhCpB,+BAmCM,aAAc,CACd,UAAW,CACX,UAAW,CAEX,WAAY,CAEZ,eAAgB,CAChB,eAAgB,CAEhB,wBAA0D,CA5ChE,mCAgDM,aAAc,CACd,UAAW,CAjDjB,oCAqDM,aAAc,CAEd,eAAgB,CAChB,UAAW,CACX,ajB5CmB,CiBbzB,iCA8DI,aAAc,CACd,eAAgB,CAChB,UAAW,CAhEf,sCAmEM,aAAc,CAEd,kBAAmB,CACnB,eAAgB,CAChB,iBAAkB,CAvExB,0CA2EM,aAAc,CACd,iBAAkB,CA5ExB,gCAiFI,aAAc,CACd,eAAgB,CAChB,UAAW,CAnFf,qCAsFM,aAAc,CAEd,eAAgB,CAChB,eAAgB,CAChB,gBAAiB,CA1FvB,yCA8FM,QAAS,CACT,gBAAiB,CA/FvB,+BAoGI,aAAc,CACd,UAAW,CAEX,iBAAkB,CAClB,eAAgB,CAxGpB,oCA4GM,eAAgB,CA5GtB,gCAiHI,aAAc,CACd,WAAY,CAEZ,gBAAiB,CACjB,eAAgB,CArHpB,qCAwHM,aAAc,CAEd,kBAAmB,CACnB,eAAgB,CAChB,gBAAiB,CC9HvB,sCAKI,iBAAoB,CACpB,QAAS,CAET,aAAc,CAEd,mClBVW,CkBWX,iBXLe,CWNnB,4CAaS,YAAa,CAbtB,wBAgBa,uBAAwB,CAhBrC,mBAmBI,gBAAiB,CAnBrB,wBAuBM,SAAU,CACV,QAAS,CAET,cAAe,CACf,iBAAkB,CAClB,eAAgB,CAChB,sBAAuB,CACvB,QAAS,CA9Bf,0BAmCI,kBjBCkB,CiBpCtB,8BAsCM,eAAgB,CAChB,iBAAkB,CAvCxB,iDA6CI,YjBTkB,CiBUlB,aAAc,CAEd,aAAc,CAEd,gBAAiB,CACjB,wBlB5CqB,CkB6CrB,iBX9Ce,CWNnB,8CAyDI,cAAe,CACf,cAAe,CACf,SAAU,CACV,QAAS,CACT,gBAAiB,CACjB,mBAAoB,CACpB,gBAAiB,CACjB,4BAA6B,CAC7B,QAAS,CCjEb,wDAII,WAAY,CACZ,eAAgB,CAChB,cfakB,CeZlB,afqBkB,CepBlB,eAAgB,CAChB,kBAAmB,CATvB,mCAcI,oBAA2B,CAC3B,gBAAiB,CACjB,enBfQ,CmBgBR,QAAS,CAjBb,4BAoBO,YAAa,CApBpB,4BAuBI,etBhBkB,CsBiBlB,kBnBjBqB,CmBkBrB,YAAa,CCnBX,iBACE,yBAA8B,CADhC,mBACE,2BAA8B,CADhC,mBACE,2BAA8B,CADhC,gBACE,wBAA8B,CADhC,iBACE,iCAA8B,CAA9B,yBAA8B,CfMhC,yBePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CfKD,yBePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CfKD,0BePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CfKD,0BePA,oBACE,yBAA8B,CADhC,sBACE,2BAA8B,CADhC,sBACE,2BAA8B,CADhC,mBACE,wBAA8B,CADhC,oBACE,iCAA8B,CAA9B,yBAA8B,CAC/B,CAMP,OAAY,eAAiB,CAE7B,SAAY,iBAAmB,CAE/B,UAAY,kBAAoB,CAEhC,QAAY,gBAAkB,CAG9B,gBAAuB,+BAAiC,CAExD,aAAuB,4BAA8B,CAErD,gBAAuB,+BAAiC,CAExD,kBAAuB,iCAAmC,CAE1D,qBAAuB,oCAAsC,CAE7D,kBAAuB,iCAAmC,CAIxD,kBAAyB,0BAA8B,CACvD,oBAA2B,4BAAgC,CAC3D,oBAA2B,4BAAgC,CAF3D,iBAAyB,yBAA8B,CACvD,mBAA2B,2BAAgC,CAC3D,mBAA2B,2BAAgC,CAF3D,eAAyB,uBAA8B,CACvD,iBAA2B,yBAAgC,CAC3D,iBAA2B,yBAAgC,CAF3D,iBAAyB,yBAA8B,CACvD,mBAA2B,2BAAgC,CAC3D,mBAA2B,2BAAgC,CfY3D,iCAJE,aAAc,CACd,UAMW,CAHb,gBAEE,UACW,CeFX,YAA0B,oBAAsB,CAEhD,aAA2B,qBAAuB,CAElD,YAAyB,oBAAsB,Cf3C7C,yBeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,Cf3CjD,yBeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,Cf3CjD,0BeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,Cf3CjD,0BeuCF,eAA0B,oBAAsB,CAEhD,gBAA2B,qBAAuB,CAElD,eAAyB,oBAAsB,CAAI,CAOvD,WAAe,wBAA0B,CAEzC,YAAe,oBAAsB,CAErC,YAAe,yBAA2B,CAE1C,aAAe,qBAAuB,CAGtC,aAAe,qBAAuB,CAMlC,YAAyB,oBAAsB,CAG/C,eAA4B,uBAAyB,CAErD,eAA4B,uBAAyB,CftEnD,yBeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CftEvD,yBeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CftEvD,0BeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CftEvD,0BeiEF,eAAyB,oBAAsB,CAG/C,kBAA4B,uBAAyB,CAErD,kBAA4B,uBAAyB,CAAI,CCpF7D,eAEQ,2BAAmC,CAF3C,mBAMQ,gBAAiB,CACjB,mEAAyE,CACzE,eAAgB,CAChB,kBAAmB,CAT3B,kBAaQ,cAAgB,CAChB,aAAc,CACd,kBAAmB,CAMnB,oBAAqB,CACrB,uBAAwB,CAtBhC,qCAkBY,YAAa,CClBzB,SACI,uBAA+B,CAGnC,wBAGQ,gBAAiB,CAHzB,kBAOQ,kBAAqB,CAI7B,YACI,iBzBfiB,CyBkBrB,WAGI,uBAAiC,CACjC,cAAe,CAJnB,2BACI,YAAa,CACb,kBAMuB,CAR3B,iCAYQ,oBAAqB,CAI7B,cACI,cAAgB,CADpB,2BAIQ,eAAgB,CAJxB,sGAaQ,YAAa,CAIrB,mBACI,YAAa,CACb,kBAAmB,CACnB,oBAA8B,CAC9B,cAAe,CAJnB,yCAOQ,oBAAqB,CAI7B,YAII,iBAAkB,CAClB,mBAAoB,CACpB,iBAAkB,CANtB,4BACI,YAAa,CACb,kBAAmB,CACnB,sBAUgB,CAbpB,gBAYQ,UAAW,CACX,WAAY,CAbpB,kBAgBY,YAAa,CACb,kBAAmB,CAK/B,WACI,sBAA+B,CAInC,QACI,qBAAsB,CAD1B,sBAIQ,sBAA+B,CAIvC,SACI,oBAAqB,CAGzB,cACI,iBAAoB,CACpB,kBAAmB,CACnB,iBAAkB,CAHtB,gBAMQ,iBAAkB,CAN1B,gBAUQ,gBAAoB,CAI5B,kBAEQ,iBzBrHa,CyBsHb,iBAAkB,CAH1B,kBAOQ,gBzBzHY,CyB0HZ,mBAAoB,CAR5B,kBAYQ,iBACmB,CAb3B,oCAaQ,kBAImB,CAjB3B,kBAqBQ,sBAAuB,CArB/B,mBAyBQ,aAAc,CACd,qBAAgC,CAIxC,0CAEQ,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAI/B,eACI,iBAAkB,CC3JtB,SACI,8BAA+B,CAGnC,+BAEQ,kBAAmB,CAF3B,iBAMQ,oBAAsB,CAN9B,iBAUQ,oBAAqB,CACrB,cAAgB,CAXxB,oCAgBQ,cAAgB,CAhBxB,kBAoBQ,qBAAgC,CAChC,UAAW,CACX,iBAAkB,CAI1B,oCACI,SACI,cAAe,CACf,YAAa,CACb,kBAAmB,CACnB,cAAe,CACf,4BAA6B,CAGjC,cACI,SAAU,CADd,yDAMQ,kBAAmB,CAN3B,wDAWQ,eAAgB,CAXxB,kBAeQ,qBAAgC,CAChC,SAAU,CACV,oBAAsB,CACzB,CAKT,mBAEQ,iBAAmB,CACnB,kBAAoB,CACpB,oBAAsB,CClE9B,eAEQ,mBAAoB,CACpB,iBAAkB,CAH1B,iBAMY,iBAAmB,CCN/B,KACI,cAAe,CACf,YAAa,CACb,aAAc,CAEd,WAAY,CAEZ,6BAA8B,CAC9B,qBAAsB,CAR1B,cAII,YAAa,CAEb,YAWmB,CAjBvB,SAWQ,aAAc,CAEd,aAAc,CAEd,kBAAmB,CACnB,sBAAuB,CACvB,cAAe,CAjBvB,qBAoBY,+BAAkC,CAClC,iBAAkB,CArB9B,oBAyBY,+BAAkC,CAClC,gBAAiB,CAK7B,cACI,wBAAmC,CACnC,mBAAoB,CCTxB,sBAvBI,oBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,oBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CAkBf,mCAHJ,sBAXI,mBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,mBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CAGnB,0BCvBI,8BAAuB,CAAvB,sBAAuB,CDuB3B,8DCjBQ,8BAA+B,CDiBvC,+BCbQ,gCAAiC,CACjC,8BAA+B,CDYvC,iFCHI,qCAAsC,CDG1C,4ECCI,iCAAmC,CDDvC,kGCKI,gCAAkC,CDLtC,wGCSI,iCAAmC,CACtC,CDDD,uBAhCI,oBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,oBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CA4BnB,sBAxBI,mBAAa,CACb,uBAAgB,CAChB,yBAAkB,CAClB,qBAAc,CACd,oBAAa,CACb,mBAAa,CACb,uBAAgB,CAChB,kBAAW,CACX,sBAAe,CAgBnB,0BCpCI,8BAAuB,CAAvB,sBAAuB,CDoC3B,8DC9BQ,8BAA+B,CD8BvC,+BC1BQ,gCAAiC,CACjC,8BAA+B,CDyBvC,iFChBI,qCAAsC,CDgB1C,4ECZI,iCAAmC,CDYvC,kGCRI,gCAAkC,CDQtC,wGCJI,iCAAmC,CCjCvC,iBAEI,qBAAsB,CACtB,qCAAsC,CAH1C,6BAEI,qBAAsB,CACtB,qCAAsC,CAG1C,KACI,gCAAiC,CACjC,uBAAwB,CFmCxB,OACI,0BAA2B,CAS/B,0CACI,4BAA6B,CEpCrC,6EAEI,wBAAyB,CAG7B,sBAEI,uBAAwB,CAG5B,kBAEI,4CFgCoC,CE7BxC,+BAGI,yCF0BoC,CEvBxC,mBAGI,uBAAwB,CFWxB,qBACI,4BAA6B,CAGjC,2BACI,wBAAyB,CEbjC,oCACI,SACI,yCFegC,CEdnC,CFKD,gBACI,4BAA6B,CAGjC,sBACI,wBAAyB,CEFjC,oJASQ,0BAA2B,CATnC,oCAcQ,4CFRgC,CENxC,0BAkBQ,uBAAwB,CAlBhC,mBAsBQ,iBAAkB,CAClB,wBAAyB,CAvBjC,kBA2BQ,UAAW,CA3BnB,uCAgCQ,oCAAqC,CAQ7C,4BACI,yCFnCoC,CEkCxC,0CAIQ,gBAAiB,CACjB,4BAA6B,CAC7B,cAAe,CANvB,gDASY,wBAAyB,CAMrC,SAEQ,qCAAsC,CAEtC,0BAA2B,CAJnC,eAQQ,qCAAsC,CACtC,0BAA2B,CATnC,aAaQ,oCAAqC,CAM7C,6CAEI,eAAgB,CAChB,aAAc,CACd,UAAW,CAGf,yDAII,aAA2B,CAG/B,mBACI,aAA4B,CAGhC,iBACI,UAAY,CAGhB,qGAOI,aAA0B,CAG9B,qGAOI,aAA0B,CAG9B,cACI,aAAc,CACd,kBAAgC,CAGpC,+CAGI,aAA2B,CAG/B,kCAEI,aAA4B,CAGhC,8CAGI,aAA4B,CAGhC,6BAEI,eAAgB,CAEpB,cACI,iBAAkB,CAItB,qBAGQ,QAAS,CACT,kBAAmB,CACnB,gBAAiB,CALzB,oEASY,eAAgB,CAChB,aAAc,CAO1B,SAEQ,8BAAgC,CAChC,sCAAwC,CAHhD,eAOQ,kCAAoC,CAP5C,2BAWQ,iCAAmC,CACnC,yBAA2B,CAZnC,yBAgBQ,iCAAmC,CAhB3C,sBAoBQ,iCAAmC,CApB3C,yBAwBQ,iCAAmC,CAxB3C,oCA2BY,iDAAmD,CA3B/D,2CAiCY,oCAAsC,CAjClD,8DAsCgB,iCAAmC,CACnC,eAAgB,CAvChC,8DA2CgB,iCAAmC,CACnC,wCAA0C,CA5C1D,uDAgDgB,iCAAmC,CAhDnD,wBAsDQ,iCAAmC,CAtD3C,yDA0DY,wCAA0C,CA1DtD,mCA8DY,mCAAqC,CACrC,sDAAyD,CA/DrE,wBAoEQ,sCAAwC,CACxC,+BAAiC,CArEzC,cAyEQ,mDAAqD,CACrD,yBAA2B,CAC3B,iCAAmC,CA3E3C,qDA+EQ,iCAAmC,CACnC,+CAAiD,CAhFzD,0BAoFQ,0CAA4C,CApFpD,6CAwFQ,iCAAmC","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/\r\n$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/\r\n$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/\r\n$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/\r\n$light-color-bg: #fffffd !default; // https://irocore.com/shiro/\r\n$light-color-codebg: #f6f8fa !default; // GitHub\r\n\r\n$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/\r\n$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/\r\n$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/\r\n$dark-color-divider: #4d5158 !default; // Discord\r\n$dark-color-bg: #2f3136 !default; // Discord\r\n$dark-color-codebg: #414449 !default; // kai GitHub\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #{$light-color-primary};\r\n --color-secondary: #{$light-color-secondary};\r\n --color-focus: #{$light-color-focus};\r\n --color-mute: #{$light-color-mute};\r\n --color-font: #{$light-color-font};\r\n --color-divider: #{$light-color-divider};\r\n --color-bg: #{$light-color-bg};\r\n --color-codebg: #{$light-color-codebg};\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #{$dark-color-primary};\r\n --color-secondary: #{$dark-color-secondary};\r\n --color-focus: #{$dark-color-focus};\r\n --color-mute: #{$dark-color-mute};\r\n --color-font: #{$dark-color-font};\r\n --color-divider: #{$dark-color-divider};\r\n --color-bg: #{$dark-color-bg};\r\n --color-codebg: #{$dark-color-codebg};\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index c54812d..72e22b7 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -71,8 +71,8 @@ paginate = 10
# 8:9
lazyPlaceholderCol = "/assets/lazyload/dsrca_loading_480x540.svg"
- # Load `fuji.min.css` and `fuji.min.js` from jsDelivr
- # mainAssetsCDN = true
+ # Use Hugo Pipes in Hugo Extended Version to compile SCSS
+ # useHugoPipes = true
[markup]
[markup.goldmark]
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 289c067..2d7362c 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -36,8 +36,14 @@
{{ if .Site.Params.mainAssetsCDN }}
{{ else }}
+{{ if .Site.Params.useHugoPipes }}
+{{ $options := (dict "targetPath" "assets/css/fuji-custom.min.css" "outputStyle" "compressed") }}
+{{ $style := resources.Get "scss/fuji.scss" | resources.ToCSS $options }}
+
+{{ else }}
{{ end }}
+{{ end }}
{{ if .Params.playerURL }}
{{ end }}
diff --git a/static/assets/css/fuji.min.css.map b/static/assets/css/fuji.min.css.map
index ecb1320..8483845 100644
--- a/static/assets/css/fuji.min.css.map
+++ b/static/assets/css/fuji.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/\r\n$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/\r\n$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/\r\n$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/\r\n$light-color-bg: #fffffd !default; // https://irocore.com/shiro/\r\n$light-color-codebg: #f6f8fa !default; // GitHub\r\n\r\n$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/\r\n$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/\r\n$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/\r\n$dark-color-divider: #4d5158 !default; // Discord\r\n$dark-color-bg: #2f3136 !default; // Discord\r\n$dark-color-codebg: #414449 !default; // kai GitHub\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `
` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #{$light-color-primary};\r\n --color-secondary: #{$light-color-secondary};\r\n --color-focus: #{$light-color-focus};\r\n --color-mute: #{$light-color-mute};\r\n --color-font: #{$light-color-font};\r\n --color-divider: #{$light-color-divider};\r\n --color-bg: #{$light-color-bg};\r\n --color-codebg: #{$light-color-codebg};\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #{$dark-color-primary};\r\n --color-secondary: #{$dark-color-secondary};\r\n --color-focus: #{$dark-color-focus};\r\n --color-mute: #{$dark-color-mute};\r\n --color-font: #{$dark-color-font};\r\n --color-divider: #{$dark-color-divider};\r\n --color-bg: #{$dark-color-bg};\r\n --color-codebg: #{$dark-color-codebg};\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]}
\ No newline at end of file
--
cgit v1.2.3
-
+
- + {{ end }} {{ if $paginator.HasPrev }} -
- + {{ end }} {{ range $paginator.Pagers }} {{ $.Scratch.Set "pageNumFlag" false }} @@ -52,22 +52,22 @@ {{ $.Scratch.Set "pageNumFlag" true }} {{ end }} {{ if eq ($.Scratch.Get "pageNumFlag") true }} -
- + {{ end }} {{ end }} {{ if $paginator.HasNext }} -
- + {{ end }} {{ if ne $paginator.PageNumber $paginator.TotalPages }} -
- + {{ end }} - +
- + {{ end }} {{ if $paginator.HasPrev }} -
- + {{ end }} {{ range $paginator.Pagers }} {{ $.Scratch.Set "pageNumFlag" false }} @@ -56,22 +56,22 @@ {{ $.Scratch.Set "pageNumFlag" true }} {{ end }} {{ if eq ($.Scratch.Get "pageNumFlag") true }} -
- + {{ end }} {{ end }} {{ if $paginator.HasNext }} -
- + {{ end }} {{ if ne $paginator.PageNumber $paginator.TotalPages }} -
- + {{ end }} - +
+
{{ .Title }}
-
- -{{ i18n "postCopyrightFront" }}{{ .Site.Params.license }}{{ i18n "postCopyrightEnd" }}
+{{ i18n "postCopyrightFront" }}{{ .Site.Params.license }}{{ i18n "postCopyrightEnd" }}
+
{{ .Title }}
-
+
{{ partial "post-meta.html" . }}
-
+
{{ .Summary }}
@@ -25,16 +25,16 @@
{{ $lowerLimit := (add $offsetLinks 1) }}
{{ $upperLimit := (sub $paginator.TotalPages $offsetLinks) }}
{{ if gt $paginator.TotalPages 1 }}
-
+
{{ if ne $paginator.PageNumber 1 }}
-
{{ end }}
{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment-disqus.html b/layouts/partials/comment-disqus.html
deleted file mode 100644
index 539f8c7..0000000
--- a/layouts/partials/comment-disqus.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{{ with .Site.Params.disqusShortname }}
-
-
-
-
-{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html
index 3e56201..43c06bf 100644
--- a/layouts/partials/comment-utterances.html
+++ b/layouts/partials/comment-utterances.html
@@ -4,6 +4,8 @@
{{ i18n "postCommentLoading" }}
-
+
{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/components.html b/layouts/partials/components.html
new file mode 100644
index 0000000..273f813
--- /dev/null
+++ b/layouts/partials/components.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index be8f5bf..cb43e10 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,10 @@
-
+
{{ i18n "postCommentLoading" }}
{{ i18n "postCopyrightFront" }} -
查看评论 + {{ i18n "postComment" }} diff --git a/layouts/partials/comment-utterances.html b/layouts/partials/comment-utterances.html index f6766d5..f8683b6 100644 --- a/layouts/partials/comment-utterances.html +++ b/layouts/partials/comment-utterances.html @@ -1,6 +1,6 @@ -查看评论 + {{ i18n "postComment" }} + +{{ end }} +{{ math.inline >}} + +## Examples + +Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$ + +Block math: + +$$ + \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } +$$ diff --git a/exampleSite/content/post/placeholder-text.md b/exampleSite/content/post/placeholder-text.md new file mode 100644 index 0000000..48b2bec --- /dev/null +++ b/exampleSite/content/post/placeholder-text.md @@ -0,0 +1,51 @@ ++++ +title = "Placeholder Text" +date = "2019-03-09" +description = "Lorem Ipsum Dolor Si Amet" +tags = [ + "markdown", + "text", +] ++++ + +Lorem est tota propiore conpellat pectoribus de +pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice +subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc +caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis +lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum. + +1. Exierant elisi ambit vivere dedere +2. Duce pollice +3. Eris modo +4. Spargitque ferrea quos palude + +Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus +silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria +tractus malis. + +1. Comas hunc haec pietate fetum procerum dixit +2. Post torum vates letum Tiresia +3. Flumen querellas +4. Arcanaque montibus omnes +5. Quidem et + +# Vagus elidunt + + + +[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon) + +## Mane refeci capiebant unda mulcebat + +Victa caducifer, malo vulnere contra +dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere +furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis. + +Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli +Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare +Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert +ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae +vulnus haerentia iuste et exercebat, sui et. + +Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, _oculos nomen_ non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem +Propoetides **parte**. diff --git a/exampleSite/content/post/wtf-article.md b/exampleSite/content/post/wtf-article.md new file mode 100644 index 0000000..d7b2266 --- /dev/null +++ b/exampleSite/content/post/wtf-article.md @@ -0,0 +1,68 @@ ++++ +title = "纯简体中文测试文章" +date = 2017-04-01T00:00:00+08:00 +description = "本文内容无实际意义,由狗屁不通文章生成器自动生成,不代表作者本人观点" +tags = [ + "test", + "wtf" +] +noToc = true ++++ + +本文内容无实际意义,由狗屁不通文章生成器自动生成,不代表作者本人观点。 + +可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天,到底应该如何实现。马克思在不经意间这样说过,一切节省,归根到底都归结为时间的节省。这不禁令我深思。马克思曾经说过,一切节省,归根到底都归结为时间的节省。 + + + +带着这句话,我们还要更加慎重的审视这个问题:对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如何,我们不得不面对一个非常尴尬的事实,那就是,亚伯拉罕·林肯曾经提到过,你活了多少岁不算什么,重要的是你是如何度过这些岁月的。这启发了我,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。我认为,在这种困难的抉择下,本人思来想去,寝食难安。所谓一段代码写一天,关键是一段代码写一天需要如何写。裴斯泰洛齐在不经意间这样说过,今天应做的事没有做,明天再早也是耽误了。这句话语虽然很短,但令我浮想联翩。总结的来说,带着这些问题,我们来审视一下一段代码写一天。西班牙曾经说过,自知之明是最难得的知识。这不禁令我深思。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。贝多芬在不经意间这样说过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。带着这句话,我们还要更加慎重的审视这个问题:在这种困难的抉择下,本人思来想去,寝食难安。问题的关键究竟为何?对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。 + +每个人都不得不面对这些问题。在面对这种问题时,歌德曾经提到过,读一本好书,就如同和一个高尚的人在交谈。这似乎解答了我的疑惑。歌德在不经意间这样说过,读一本好书,就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。从这个角度来看,一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。现在,解决一段代码写一天的问题,是非常非常重要的。所以,马克思曾经提到过,一切节省,归根到底都归结为时间的节省。这似乎解答了我的疑惑。一般来讲,我们都必须务必慎重的考虑考虑。阿卜·日·法拉兹曾经说过,学问是异常珍贵的东西,从任何源泉吸收都不可耻。我希望诸位也能好好地体会这句话。既然如此,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。白哲特曾经说过,坚强的信念能赢得强者的心,并使他们变得更坚强。带着这句话,我们还要更加慎重的审视这个问题:富勒在不经意间这样说过,苦难磨炼一些人,也毁灭另一些人。带着这句话,我们还要更加慎重的审视这个问题:这样看来,一般来讲,我们都必须务必慎重的考虑考虑。从这个角度来看,从这个角度来看,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。而这些并不是完全重要,更加重要的问题是。 + +带着这些问题,我们来审视一下一段代码写一天。要想清楚,一段代码写一天,到底是一种怎么样的存在。经过上述讨论,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。佚名曾经提到过,感激每一个新的挑战,因为它会锻造你的意志和品格。这句话语虽然很短,但令我浮想联翩。现在,解决一段代码写一天的问题,是非常非常重要的。所以,每个人都不得不面对这些问题。在面对这种问题时,我们都知道,只要有意义,那么就必须慎重考虑。经过上述讨论。 + +了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一般来说,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。笛卡儿在不经意间这样说过,阅读一切好书如同和过去最杰出的人谈话。我希望诸位也能好好地体会这句话。在这种困难的抉择下,本人思来想去,寝食难安。问题的关键究竟为何?了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。莎士比亚曾经说过,抛弃时间的人,时间也抛弃他。我希望诸位也能好好地体会这句话。 + +笛卡儿说过一句富有哲理的话,阅读一切好书如同和过去最杰出的人谈话。这句话语虽然很短,但令我浮想联翩。鲁巴金曾经提到过,读书是在别人思想的帮助下,建立起自己的思想。这启发了我,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。一段代码写一天因何而发生?一段代码写一天因何而发生?我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。邓拓曾经说过,越是没有本领的就越加自命不凡。这启发了我,从这个角度来看,一般来讲,我们都必须务必慎重的考虑考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。一般来说。 + +对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。总结的来说,从这个角度来看,本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。德谟克利特说过一句富有哲理的话,节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们都知道,只要有意义,那么就必须慎重考虑。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。史美尔斯曾经提到过,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这句话语虽然很短,但令我浮想联翩。一般来讲,我们都必须务必慎重的考虑考虑。既然如此,我们都知道,只要有意义,那么就必须慎重考虑。这样看来,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。德国曾经提到过,只有在人群中间,才能认识自己。我希望诸位也能好好地体会这句话。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。 + +所谓一段代码写一天,关键是一段代码写一天需要如何写。我们不得不面对一个非常尴尬的事实,那就是,从这个角度来看,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。莎士比亚在不经意间这样说过,意志命运往往背道而驰,决心到最后会全部推倒。我希望诸位也能好好地体会这句话。一段代码写一天,到底应该如何实现。那么,一段代码写一天,到底应该如何实现。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天,发生了会如何,不发生又会如何。在这种困难的抉择下,本人思来想去,寝食难安。塞涅卡在不经意间这样说过,生命如同寓言,其价值不在与长短,而在与内容。这不禁令我深思。那么,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。所谓一段代码写一天,关键是一段代码写一天需要如何写。我认为,所谓一段代码写一天,关键是一段代码写一天需要如何写。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。在这种困难的抉择下,本人思来想去,寝食难安。带着这些问题,我们来审视一下一段代码写一天。一段代码写一天,到底应该如何实现。一段代码写一天,发生了会如何,不发生又会如何。既然如何,要想清楚,一段代码写一天,到底是一种怎么样的存在。那么,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。总结的来说,那么,带着这些问题,我们来审视一下一段代码写一天。要想清楚,一段代码写一天,到底是一种怎么样的存在。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们不得不面对一个非常尴尬的事实,那就是,总结的来说,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一段代码写一天,发生了会如何,不发生又会如何。西班牙曾经提到过,自己的鞋子,自己知道紧在哪里。带着这句话,我们还要更加慎重的审视这个问题:既然如何,每个人都不得不面对这些问题。在面对这种问题时,问题的关键究竟为何?从这个角度来看,既然如此,在这种困难的抉择下,本人思来想去,寝食难安。我认为。 + +一段代码写一天因何而发生?我们不得不面对一个非常尴尬的事实,那就是,洛克在不经意间这样说过,学到很多东西的诀窍,就是一下子不要学很多。这不禁令我深思。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。一般来说,而这些并不是完全重要,更加重要的问题是,问题的关键究竟为何?而这些并不是完全重要,更加重要的问题是,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一段代码写一天因何而发生?所谓一段代码写一天,关键是一段代码写一天需要如何写。一段代码写一天因何而发生?这样看来,一段代码写一天,到底应该如何实现。卡耐基说过一句富有哲理的话,一个不注意小事情的人,永远不会成就大事业。带着这句话,我们还要更加慎重的审视这个问题:一段代码写一天,到底应该如何实现。既然如此,而这些并不是完全重要,更加重要的问题是。 + +冯学峰说过一句富有哲理的话,当一个人用工作去迎接光明,光明很快就会来照耀着他。我希望诸位也能好好地体会这句话。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。而这些并不是完全重要,更加重要的问题是,那么,要想清楚,一段代码写一天,到底是一种怎么样的存在。从这个角度来看,一段代码写一天,发生了会如何,不发生又会如何。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。在这种困难的抉择下,本人思来想去,寝食难安。我们都知道,只要有意义,那么就必须慎重考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。问题的关键究竟为何?本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。鲁巴金曾经提到过,读书是在别人思想的帮助下,建立起自己的思想。这不禁令我深思。莎士比亚曾经提到过,人的一生是短的,但如果卑劣地过这一生,就太长了。这启发了我。 + +所谓一段代码写一天,关键是一段代码写一天需要如何写。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。海贝尔曾经说过,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。这似乎解答了我的疑惑。德国曾经说过,只有在人群中间,才能认识自己。这不禁令我深思。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。带着这些问题,我们来审视一下一段代码写一天。这样看来,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。克劳斯·莫瑟爵士在不经意间这样说过,教育需要花费钱,而无知也是一样。这似乎解答了我的疑惑。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。一般来讲,我们都必须务必慎重的考虑考虑。一般来讲,我们都必须务必慎重的考虑考虑。一段代码写一天因何而发生?对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。而这些并不是完全重要,更加重要的问题是,一般来讲,我们都必须务必慎重的考虑考虑。我们都知道,只要有意义,那么就必须慎重考虑。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。博说过一句富有哲理的话,一次失败,只是证明我们成功的决心还够坚强。维这启发了我,从这个角度来看,问题的关键究竟为何?这样看来,既然如此,所谓一段代码写一天,关键是一段代码写一天需要如何写。可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。总结的来说,我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。经过上述讨论,史美尔斯说过一句富有哲理的话,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。带着这句话,我们还要更加慎重的审视这个问题:在这种困难的抉择下,本人思来想去,寝食难安。在这种困难的抉择下,本人思来想去,寝食难安。冯学峰曾经说过,当一个人用工作去迎接光明,光明很快就会来照耀着他。这句话语虽然很短,但令我浮想联翩。 + +所谓一段代码写一天,关键是一段代码写一天需要如何写。米歇潘在不经意间这样说过,生命是一条艰险的峡谷,只有勇敢的人才能通过。我希望诸位也能好好地体会这句话。问题的关键究竟为何?培根在不经意间这样说过,合理安排时间,就等于节约时间。这句话语虽然很短,但令我浮想联翩。吉格·金克拉说过一句富有哲理的话,如果你能做梦,你就能实现它。这启发了我,这样看来,既然如何,吉格·金克拉说过一句富有哲理的话,如果你能做梦,你就能实现它。这句话语虽然很短,但令我浮想联翩。所谓一段代码写一天,关键是一段代码写一天需要如何写。我们不得不面对一个非常尴尬的事实,那就是,在这种困难的抉择下,本人思来想去,寝食难安。要想清楚,一段代码写一天,到底是一种怎么样的存在。了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。我们不得不面对一个非常尴尬的事实,那就是,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。所谓一段代码写一天,关键是一段代码写一天需要如何写。而这些并不是完全重要,更加重要的问题是,左拉在不经意间这样说过,生活的道路一旦选定,就要勇敢地走到底,决不回头。这似乎解答了我的疑惑。一般来讲,我们都必须务必慎重的考虑考虑。一般来说,经过上述讨论,总结的来说,一般来讲,我们都必须务必慎重的考虑考虑。这样看来,既然如此,一般来说,一段代码写一天,发生了会如何,不发生又会如何。那么,既然如此,每个人都不得不面对这些问题。在面对这种问题时,莎士比亚曾经提到过,本来无望的事,大胆尝试,往往能成功。带着这句话,我们还要更加慎重的审视这个问题:韩非在不经意间这样说过,内外相应,言行相称。这似乎解答了我的疑惑。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这不禁令我深思。我们不得不面对一个非常尴尬的事实,那就是,总结的来说,现在,解决一段代码写一天的问题,是非常非常重要的。所以,我们不得不面对一个非常尴尬的事实,那就是,我认为,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。我们都知道,只要有意义,那么就必须慎重考虑。培根在不经意间这样说过,合理安排时间,就等于节约时间。带着这句话,我们还要更加慎重的审视这个问题:可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。从这个角度来看,一般来讲,我们都必须务必慎重的考虑考虑。那么,所谓一段代码写一天,关键是一段代码写一天需要如何写。歌德曾经说过,意志坚强的人能把世界放在手中像泥块一样任意揉捏。带着这句话,我们还要更加慎重的审视这个问题:这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。每个人都不得不面对这些问题。在面对这种问题时,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。塞涅卡曾经提到过,生命如同寓言,其价值不在与长短,而在与内容。这句话语虽然很短,但令我浮想联翩。 + +我们都知道,只要有意义,那么就必须慎重考虑。带着这些问题,我们来审视一下一段代码写一天。笛卡儿曾经说过,我的努力求学没有得到别的好处,只不过是愈来愈发觉自己的无知。带着这句话,我们还要更加慎重的审视这个问题:现在,解决一段代码写一天的问题,是非常非常重要的。所以,本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。迈克尔·F·斯特利曾经提到过,最具挑战性的挑战莫过于提升自我。这启发了我,现在,解决一段代码写一天的问题,是非常非常重要的。所以,既然如何,我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。易卜生说过一句富有哲理的话,伟大的事业,需要决心,能力,组织和责任感。带着这句话,我们还要更加慎重的审视这个问题:我们都知道,只要有意义,那么就必须慎重考虑。一段代码写一天,发生了会如何,不发生又会如何。带着这些问题,我们来审视一下一段代码写一天。我们不得不面对一个非常尴尬的事实,那就是,我们不得不面对一个非常尴尬的事实,那就是。 + +我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,在这种困难的抉择下,本人思来想去,寝食难安。在这种困难的抉择下,本人思来想去,寝食难安。我们不得不面对一个非常尴尬的事实,那就是,现在,解决一段代码写一天的问题,是非常非常重要的。所以,俾斯麦说过一句富有哲理的话,失败是坚忍的最后考验。带着这句话,我们还要更加慎重的审视这个问题:可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。达·芬奇在不经意间这样说过,大胆和坚定的决心能够抵得上武器的精良。这似乎解答了我的疑惑。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。而这些并不是完全重要,更加重要的问题是,我认为,总结的来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。 + +问题的关键究竟为何?我们不得不面对一个非常尴尬的事实,那就是,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。我认为,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。带着这些问题,我们来审视一下一段代码写一天。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。问题的关键究竟为何?从这个角度来看,我们都知道,只要有意义,那么就必须慎重考虑。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。那么,这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。既然如何,从这个角度来看,带着这些问题,我们来审视一下一段代码写一天。一段代码写一天,发生了会如何,不发生又会如何。 + +培根在不经意间这样说过,要知道对好事的称颂过于夸大,也会招来人们的反感轻蔑和嫉妒。这句话语虽然很短,但令我浮想联翩。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。既然如何,而这些并不是完全重要,更加重要的问题是,这样看来,贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这不禁令我深思。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一段代码写一天,发生了会如何,不发生又会如何。问题的关键究竟为何?卡耐基在不经意间这样说过,我们若已接受最坏的,就再没有什么损失。我希望诸位也能好好地体会这句话。一段代码写一天的发生,到底需要如何做到,不一段代码写一天的发生,又会如何产生。现在,解决一段代码写一天的问题,是非常非常重要的。所以,要想清楚,一段代码写一天,到底是一种怎么样的存在。爱迪生曾经说过,失败也是我需要的,它和成功对我一样有价值。我希望诸位也能好好地体会这句话。既然如何,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。海贝尔说过一句富有哲理的话,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。我希望诸位也能好好地体会这句话。 + +这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。经过上述讨论,我认为,莫扎特曾经提到过,谁和我一样用功,谁就会和我一样成功。这句话语虽然很短,但令我浮想联翩。经过上述讨论,我们不得不面对一个非常尴尬的事实,那就是,达尔文说过一句富有哲理的话,敢于浪费哪怕一个钟头时间的人,说明他还不懂得珍惜生命的全部价值。这句话语虽然很短,但令我浮想联翩。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。一般来讲,我们都必须务必慎重的考虑考虑。罗曼·罗兰曾经说过,只有把抱怨环境的心情,化为上进的力量,才是成功的保证。这启发了我,而这些并不是完全重要,更加重要的问题是,总结的来说,这样看来,每个人都不得不面对这些问题。在面对这种问题时,一般来讲,我们都必须务必慎重的考虑考虑。既然如此,总结的来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。 + +德国曾经提到过,只有在人群中间,才能认识自己。带着这句话,我们还要更加慎重的审视这个问题:既然如此,了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。杰纳勒尔·乔治·S·巴顿曾经提到过,接受挑战,就可以享受胜利的喜悦。这不禁令我深思。一段代码写一天因何而发生?问题的关键究竟为何?海贝尔曾经提到过,人生就是学校。在那里,与其说好的教师是幸福,不如说好的教师是不幸。带着这句话,我们还要更加慎重的审视这个问题。 + +经过上述讨论,我们都知道,只要有意义,那么就必须慎重考虑。本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。我认为,一般来说,经过上述讨论,我认为,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。问题的关键究竟为何?一段代码写一天因何而发生?莎士比亚曾经提到过,本来无望的事,大胆尝试,往往能成功。这似乎解答了我的疑惑。这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。一段代码写一天,到底应该如何实现。我们都知道,只要有意义,那么就必须慎重考虑。总结的来说,那么,叔本华在不经意间这样说过,普通人只想到如何度过时间,有才能的人设法利用时间。这句话语虽然很短,但令我浮想联翩。总结的来说,经过上述讨论,从这个角度来看,一段代码写一天,发生了会如何,不发生又会如何。总结的来说,所谓一段代码写一天,关键是一段代码写一天需要如何写。既然如何,一段代码写一天,到底应该如何实现。 + +问题的关键究竟为何?一般来讲,我们都必须务必慎重的考虑考虑。歌德说过一句富有哲理的话,读一本好书,就如同和一个高尚的人在交谈。这不禁令我深思。迈克尔·F·斯特利曾经提到过,最具挑战性的挑战莫过于提升自我。这不禁令我深思。在这种困难的抉择下,本人思来想去,寝食难安。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。要想清楚,一段代码写一天,到底是一种怎么样的存在。莫扎特说过一句富有哲理的话,谁和我一样用功,谁就会和我一样成功。这句话语虽然很短,但令我浮想联翩。 + +这样看来,每个人都不得不面对这些问题。在面对这种问题时,从这个角度来看,现在,解决一段代码写一天的问题,是非常非常重要的。所以,我们不得不面对一个非常尴尬的事实,那就是,富兰克林曾经提到过,读书是易事,思索是难事,但两者缺一,便全无用处。这句话语虽然很短,但令我浮想联翩。我们都知道,只要有意义,那么就必须慎重考虑。康德曾经说过,既然我已经踏上这条道路,那么,任何东西都不应妨碍我沿着这条路走下去。我希望诸位也能好好地体会这句话。一段代码写一天,到底应该如何实现。而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。一般来讲,我们都必须务必慎重的考虑考虑。带着这些问题,我们来审视一下一段代码写一天。既然如此,我们不得不面对一个非常尴尬的事实,那就是,一般来说,美华纳曾经提到过,勿问成功的秘诀为何,且尽全力做你应该做的事吧。这句话语虽然很短,但令我浮想联翩。我们都知道,只要有意义,那么就必须慎重考虑。叔本华曾经说过,意志是一个强壮的盲人,倚靠在明眼的跛子肩上。我希望诸位也能好好地体会这句话。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如此,郭沫若曾经说过,形成天才的决定因素应该是勤奋。我希望诸位也能好好地体会这句话。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。一般来讲,我们都必须务必慎重的考虑考虑。在这种困难的抉择下,本人思来想去,寝食难安。经过上述讨论,一段代码写一天,发生了会如何,不发生又会如何。从这个角度来看,一段代码写一天因何而发生?了解清楚一段代码写一天到底是一种怎么样的存在,是解决一切问题的关键。既然如何。 + +而这些并不是完全重要,更加重要的问题是,而这些并不是完全重要,更加重要的问题是,既然如何,要想清楚,一段代码写一天,到底是一种怎么样的存在。那么,那么,我认为,经过上述讨论,既然如此,对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。卡耐基曾经提到过,一个不注意小事情的人,永远不会成就大事业。这句话语虽然很短,但令我浮想联翩。黑塞曾经提到过,有勇气承担命运这才是英雄好汉。这似乎解答了我的疑惑。一般来说,雷锋在不经意间这样说过,自己活着,就是为了使别人过得更美好。这启发了我,一般来说,而这些并不是完全重要,更加重要的问题是。 + +裴斯泰洛齐在不经意间这样说过,今天应做的事没有做,明天再早也是耽误了。这句话语虽然很短,但令我浮想联翩。爱迪生曾经说过,失败也是我需要的,它和成功对我一样有价值。带着这句话,我们还要更加慎重的审视这个问题:带着这些问题,我们来审视一下一段代码写一天。既然如此,富勒曾经提到过,苦难磨炼一些人,也毁灭另一些人。我希望诸位也能好好地体会这句话。培根说过一句富有哲理的话,深窥自己的心,而后发觉一切的奇迹在你自己。这似乎解答了我的疑惑。问题的关键究竟为何。 + +既然如何,一般来讲,我们都必须务必慎重的考虑考虑。经过上述讨论,普列姆昌德曾经说过,希望的灯一旦熄灭,生活刹那间变成了一片黑暗。这不禁令我深思。总结的来说,在这种困难的抉择下,本人思来想去,寝食难安。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这启发了我,那么,在这种困难的抉择下,本人思来想去,寝食难安。那么,带着这些问题,我们来审视一下一段代码写一天。 + +我认为,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。生活中,若一段代码写一天出现了,我们就不得不考虑它出现了的事实。既然如何,黑塞曾经提到过,有勇气承担命运这才是英雄好汉。这不禁令我深思。杰纳勒尔·乔治·S·巴顿说过一句富有哲理的话,接受挑战,就可以享受胜利的喜悦。这似乎解答了我的疑惑。在这种困难的抉择下,本人思来想去,寝食难安。 + +可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。拉罗什福科在不经意间这样说过,我们唯一不会改正的缺点是软弱。这不禁令我深思。既然如此,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。一般来讲,我们都必须务必慎重的考虑考虑。对我个人而言,一段代码写一天不仅仅是一个重大的事件,还可能会改变我的人生。既然如此,史美尔斯曾经说过,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这不禁令我深思。现在,解决一段代码写一天的问题,是非常非常重要的。所以,一般来讲,我们都必须务必慎重的考虑考虑。现在,解决一段代码写一天的问题,是非常非常重要的。所以,一段代码写一天,到底应该如何实现。贝多芬曾经提到过,卓越的人一大优点是:在不利与艰难的遭遇里百折不饶。这似乎解答了我的疑惑。阿卜·日·法拉兹曾经说过,学问是异常珍贵的东西,从任何源泉吸收都不可耻。这似乎解答了我的疑惑。我们不得不面对一个非常尴尬的事实,那就是。 + +池田大作在不经意间这样说过,不要回避苦恼和困难,挺起身来向它挑战,进而克服它。这句话语虽然很短,但令我浮想联翩。叔本华在不经意间这样说过,意志是一个强壮的盲人,倚靠在明眼的跛子肩上。带着这句话,我们还要更加慎重的审视这个问题:一段代码写一天,发生了会如何,不发生又会如何。就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一般来说,就我个人来说,一段代码写一天对我的意义,不能不说非常重大。一般来说,可是,即使是这样,一段代码写一天的出现仍然代表了一定的意义。 diff --git a/exampleSite/layouts/partials/favicon.html b/exampleSite/layouts/partials/favicon.html new file mode 100644 index 0000000..dcfd558 --- /dev/null +++ b/exampleSite/layouts/partials/favicon.html @@ -0,0 +1,10 @@ + + + + + + + + + + \ No newline at end of file -- cgit v1.2.3 From 914bf54c493b299268c293be33a8babf99b1cce2 Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Thu, 4 Jun 2020 20:08:43 +0800 Subject: Custom scss variable support --- README.md | 80 +++++++++++++++++++++++++------------- README_CN.md | 76 ++++++++++++++++++++++++------------ assets/scss/_fuji-theme/_base.scss | 32 +++++++-------- assets/scss/_var.scss | 18 +++++++++ dist/fuji.min.css.map | 2 +- exampleSite/config.toml | 4 +- layouts/partials/head.html | 6 +++ static/assets/css/fuji.min.css.map | 2 +- 8 files changed, 148 insertions(+), 72 deletions(-) diff --git a/README.md b/README.md index e2e33b8..1a5505c 100644 --- a/README.md +++ b/README.md @@ -6,24 +6,25 @@ Fuji is a minimal Hugo theme with full dark mode support and GitHub Primer markd [English](https://github.com/amzrk2/hugo-theme-fuji#readme) | [简体中文](https://github.com/amzrk2/hugo-theme-fuji/blob/master/README_CN.md) +After the release of v2, **there may be major changes in the image lazyload shortcode** to make it easier to use.If you want to change the color scheme, please check [🔧 Advanced configuration](#-advanced-configuration). + ## 📑 Table of contents -- [💻 Live demos](#user-content--live-demos) -- [❗ Notice](#user-content--notice) -- [🐣 Getting started](#user-content--getting-started) -- [🆕 Update the theme](#user-content--update-the-theme) -- [⚙️ Configration](#user-content--configration) - - [🎨 Favicon](#user-content--favicon) - - [❌ In-post license, comments und toc](#user-content--in-post-license-comments-und-toc) - - [🎵 APlayer](#user-content--aplayer) - - [📷 Image zoom and lazyload settings](#user-content--image-zoom-and-lazyload-settings) - - [⚓ Markdown render hook](#user-content--markdown-render-hook) - - [📨 Comments area](#user-content--comments-area) - - [⏱️ Load main CSS und JS from CDN](#user-content--load-main-css-und-js-from-cdn) - - [🔧 Advanced configuration](#user-content--advanced-configuration) -- [✏️ Report und contributing](#user-content--report-und-contributing) -- [📝 License](#user-content--license) -- [🤝 Annotations](#user-content--annotations) +- [💻 Live demos](#-live-demos) +- [❗ Notice](#-notice) +- [🐣 Getting started](#-getting-started) +- [🆕 Update the theme](#-update-the-theme) +- [⚙️ Configration](#%EF%B8%8F-configration) + - [🎨 Favicon](#-favicon) + - [❌ In-post license, comments und toc](#-in-post-license-comments-und-toc) + - [🎵 APlayer](#-aplayer) + - [📷 Image zoom and lazyload settings](#-image-zoom-and-lazyload-settings) + - [⚓ Markdown render hook](#-markdown-render-hook) + - [📨 Comments area](#-comments-area) + - [🔧 Advanced configuration](#-advanced-configuration) +- [✏️ Issue und contributing](#%EF%B8%8F-issue-und-contributing) +- [📝 License](#-license) +- [🤝 Annotations](#-annotations) ## 💻 Live demos @@ -57,6 +58,8 @@ If you want to generate your site, just run `hugo` or `hugo --minify`. ## 🆕 Update the theme +You can watch (release only) this repo to receive update notifications. + Inside the folder of your Hugo site run: ```bash @@ -143,24 +146,47 @@ You can use `[SITEROOT]/layouts/_default/_markup/render-link.html` to decide whe ### 📨 Comments area -主题支持三种评论系统,Disqus、utterances 和 DisqusJS (给大陆用户的)。 +Theme supports Disqus, utterances and DisqusJS (for Mainland China user)。 -对于 Disqus 默认情况下使用 `{{ .Permalink }}` 作为 `url`,使用 `{{ .File.ContentBaseName }}` 作为 `identifier`。 +by default, disqus uses `{{ .Permalink }}` as `url`, `{{ .File.ContentBaseName }}` as `identifier`. Use the `[SITEROOT]/layouts/partials/comment-*.html` to cover `themes/fuji/layouts/partials/comment-*.html`. Then you can customize the url and identifier, or set multiple api key, add more settings for using DisqusJS. If you want to use DisqusJS, please remember to set `disqusJSApi` to anything in your `config.toml` to load CSS. -You can check my blog for example of using DisqusJS and add more settings and api keys, remember to set to your own key when deploing: - -- [`config.toml`]() -- [`comment-disqusjs.html`]() +### 🔧 Advanced configuration -### ⏱️ Load main CSS und JS from CDN +See [Report und contributing](#report-und-contributing). -Without the demand of custmize the CSS, you can uncomment `mainAssetsCDN = true` in `config.toml` to load `fuji.min.css` and `fuji.min.js` from jsDelivr. +If you just simply want to change the color scheme, set this in your `config.toml`: -### 🔧 Advanced configuration +```toml +useHugoPipes = true +``` -See [Report und contributing](#report-und-contributing). +This will make the theme use Hugo Pipes provided by Hugo Extended Vesion to compile the SCSS, then you can cover theme's internal SCSS with your own. Then create `[SITEROOT]/assets/scss/_custom.scss` cover variables in SCSS: + +```scss +$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; +$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font; +$body-font-size: 16px; + +$light-color-primary: #8aa2d3; // https://irocore.com/aofuji/ +$light-color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/ +$light-color-focus: #3b469b; // https://irocore.com/aomurasaki/ +$light-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/ +$light-color-font: #3f4551; // https://irocore.com/konnezu/ +$light-color-divider: #e5e2e4; // https://irocore.com/komachinezu/ +$light-color-bg: #fffffd; // https://irocore.com/shiro/ +$light-color-codebg: #f6f8fa; // GitHub + +$dark-color-primary: #8aa2d3; // https://irocore.com/aofuji/ +$dark-color-secondary: #bab1df; // https://irocore.com/fujimurasaki/ +$dark-color-focus: #e6e6e6; // https://irocore.com/shironezumi/ +$dark-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/ +$dark-color-font: #c0c0c0; // https://irocore.com/gin-iro/ +$dark-color-divider: #4d5158; // Discord +$dark-color-bg: #2f3136; // Discord +$dark-color-codebg: #414449; // GitHub +``` ## ✏️ Report und contributing @@ -197,7 +223,7 @@ The theme is released under the ```Apache License 2.0```, for more information r - [DisqusJS - MIT](https://github.com/SukkaW/DisqusJS/blob/master/LICENSE) - [ionicons - MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE) -> © 2020 DSRKafuU(amzrk2) [Twitter](https://twitter.com/amzrk2) [GitHub]() +> © 2020 DSRKafuU(amzrk2) [Twitter @amzrk2](https://twitter.com/amzrk2) [GitHub @amzrk2](https://github.com/amzrk2) ## 🤝 Annotations diff --git a/README_CN.md b/README_CN.md index 7cd786a..1c1a566 100644 --- a/README_CN.md +++ b/README_CN.md @@ -6,24 +6,25 @@ [English](https://github.com/amzrk2/hugo-theme-fuji#readme) | [简体中文](https://github.com/amzrk2/hugo-theme-fuji/blob/master/README_CN.md) +**v2 发布之后关于 lazyload 这一块可能会有较大的改动**,现在这样确实有些麻烦了。如果想修改主题配色的话,可以参考 + ## 目录 -- [💻 在线 Demo](#user-content--在线-demo) -- [❗ 注意事项](#user-content--注意事项) -- [🐣 开始使用](#user-content--开始使用) -- [🆕 更新主题](#user-content--更新主题) -- [⚙️ 自定义设置](#user-content--自定义设置) - - [🎨 站点图标](#user-content--站点图标) - - [❌ 关闭 License、评论区和目录](#user-content--关闭-license评论区和目录) - - [🎵 文章音乐](#user-content--文章音乐) - - [📷 图片放大的设置和 lazyload](#user-content--图片放大的设置和-lazyload) - - [⚓ Markdown 钩子](#user-content--markdown-钩子) - - [📨 评论区](#user-content--评论区) - - [⏱️ 通过 CDN 加载主 CSS 和 JS](#user-content--通过-cdn-加载主-css-和-js) - - [🔧 其他高级修改](#user-content--其他高级修改) -- [👓 批判一番和贡献代码](#user-content--批判一番和贡献代码) -- [📝 License](#user-content--license) -- [🤝 Annotations](#user-content--annotations) +- [💻 在线 Demo](#-在线-demo) +- [❗ 注意事项](#-注意事项) +- [🐣 开始使用](#-开始使用) +- [🆕 更新主题](#-更新主题) +- [⚙️ 自定义设置](#%EF%B8%8F-自定义设置) + - [🎨 站点图标](#-站点图标) + - [❌ 关闭 License、评论区和目录](#-关闭-license评论区和目录) + - [🎵 文章音乐](#-文章音乐) + - [📷 图片放大的设置和 lazyload](#-图片放大的设置和-lazyload) + - [⚓ Markdown 钩子](#-markdown-钩子) + - [📨 评论区](#-评论区) + - [🔧 其他高级修改](#-其他高级修改) +- [👓 批判一番和贡献代码](#-批判一番和贡献代码) +- [📝 License](#-license) +- [🤝 Annotations](#-annotations) ## 💻 在线 Demo @@ -49,6 +50,8 @@ $ git submodule add https://github.com/amzrk2/hugo-theme-fuji.git themes/fuji ## 🆕 更新主题 +可以 watch (release only) 这个 repo 来接收更新信息,master 分支不会频繁改动。 + ```bash $ git submodule update --remote --merge ``` @@ -139,18 +142,41 @@ playerCover = "..." # 封面 使用 `[SITEROOT]/layouts/partials/comment-*.html` 来覆盖 `themes/fuji/layouts/partials/comment-*.html`。可在此文件内自定义指定的 url 和 identifier,或者为 DisqusJS 设置多个 api key 抑或是添加更多设置。注意如果使用 DisqusJS,将 `config.toml` 内的 `disqusJSApi` 解除注释来加载 CSS。 -可以参考 Demo 的设置作为使用 DisqusJS、并且自定义设置和多个 api key 的例子,记得最后部署时候修改为自己的设置和 key 哦: - -- [`config.toml`]() -- [`comment-disqusjs.html`]() +### 🔧 其他高级修改 -### ⏱️ 通过 CDN 加载主 CSS 和 JS +见[批判一番和贡献代码](#批判一番和贡献代码)。 -如果你不需要自行修改 CSS 和 JS,可以将 `config.toml` 内的 `mainAssetsCDN = true` 解除注释。`fuji.min.css` 和 `fuji.min.js` 将会从 jsDelivr 加载。 +如果只是想修改主题色或者字体的话,在 `config.toml` 以下设置: -### 🔧 其他高级修改 +```toml +useHugoPipes = true +``` -见[批判一番和贡献代码](#批判一番和贡献代码)。 +这将让 Hugo 使用 Hugo Pipes 来编译 SCSS,注意需要 Extended Version,然后就可以自己覆盖主题内的 SCSS 变量了。创建 `[SITEROOT]/assets/scss/_custom.scss`,可选项如下: + +```scss +$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; +$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font; +$body-font-size: 16px; + +$light-color-primary: #8aa2d3; // https://irocore.com/aofuji/ +$light-color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/ +$light-color-focus: #3b469b; // https://irocore.com/aomurasaki/ +$light-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/ +$light-color-font: #3f4551; // https://irocore.com/konnezu/ +$light-color-divider: #e5e2e4; // https://irocore.com/komachinezu/ +$light-color-bg: #fffffd; // https://irocore.com/shiro/ +$light-color-codebg: #f6f8fa; // GitHub + +$dark-color-primary: #8aa2d3; // https://irocore.com/aofuji/ +$dark-color-secondary: #bab1df; // https://irocore.com/fujimurasaki/ +$dark-color-focus: #e6e6e6; // https://irocore.com/shironezumi/ +$dark-color-mute: #9ea1a3; // https://irocore.com/suzu-iro/ +$dark-color-font: #c0c0c0; // https://irocore.com/gin-iro/ +$dark-color-divider: #4d5158; // Discord +$dark-color-bg: #2f3136; // Discord +$dark-color-codebg: #414449; // GitHub +``` ## 👓 批判一番和贡献代码 @@ -187,7 +213,7 @@ The theme is released under the ```Apache License 2.0```, for more information r - [DisqusJS - MIT](https://github.com/SukkaW/DisqusJS/blob/master/LICENSE) - [ionicons - MIT](https://github.com/ionic-team/ionicons/blob/master/LICENSE) -> © 2020 DSRKafuU(amzrk2) [Twitter](https://twitter.com/amzrk2) [GitHub]() +> © 2020 DSRKafuU(amzrk2) [Twitter @amzrk2](https://twitter.com/amzrk2) [GitHub @amzrk2](https://github.com/amzrk2) ## 🤝 Annotations diff --git a/assets/scss/_fuji-theme/_base.scss b/assets/scss/_fuji-theme/_base.scss index d35d8b6..d9a6f7e 100644 --- a/assets/scss/_fuji-theme/_base.scss +++ b/assets/scss/_fuji-theme/_base.scss @@ -1,25 +1,25 @@ @mixin light { --color-mode: 'light'; - --color-primary: #8aa2d3; // https://irocore.com/aofuji/ - --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/ - --color-focus: #3b469b; // https://irocore.com/aomurasaki/ - --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/ - --color-font: #3f4551; // https://irocore.com/konnezu/ - --color-divider: #e5e2e4; // https://irocore.com/komachinezu/ - --color-bg: #fffffd; // https://irocore.com/shiro/ - --color-codebg: #f6f8fa; // GitHub + --color-primary: #{$light-color-primary}; + --color-secondary: #{$light-color-secondary}; + --color-focus: #{$light-color-focus}; + --color-mute: #{$light-color-mute}; + --color-font: #{$light-color-font}; + --color-divider: #{$light-color-divider}; + --color-bg: #{$light-color-bg}; + --color-codebg: #{$light-color-codebg}; } @mixin dark { --color-mode: 'dark'; - --color-primary: #8aa2d3; // https://irocore.com/aofuji/ - --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/ - --color-focus: #e6e6e6; // https://irocore.com/shironezumi/ - --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/ - --color-font: #c0c0c0; // https://irocore.com/gin-iro/ - --color-divider: #4d5158; // Discord - --color-bg: #2f3136; // Discord - --color-codebg: #414449; // kai GitHub + --color-primary: #{$dark-color-primary}; + --color-secondary: #{$dark-color-secondary}; + --color-focus: #{$dark-color-focus}; + --color-mute: #{$dark-color-mute}; + --color-font: #{$dark-color-font}; + --color-divider: #{$dark-color-divider}; + --color-bg: #{$dark-color-bg}; + --color-codebg: #{$dark-color-codebg}; } body[data-theme='auto'] { diff --git a/assets/scss/_var.scss b/assets/scss/_var.scss index d473787..4cbd256 100644 --- a/assets/scss/_var.scss +++ b/assets/scss/_var.scss @@ -15,6 +15,24 @@ $body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', $mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default; $body-font-size: 16px !default; +$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/ +$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/ +$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/ +$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/ +$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/ +$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/ +$light-color-bg: #fffffd !default; // https://irocore.com/shiro/ +$light-color-codebg: #f6f8fa !default; // GitHub + +$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/ +$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/ +$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/ +$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/ +$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/ +$dark-color-divider: #4d5158 !default; // Discord +$dark-color-bg: #2f3136 !default; // Discord +$dark-color-codebg: #414449 !default; // kai GitHub + @font-face { font-family: 'Product Sans'; font-style: normal; diff --git a/dist/fuji.min.css.map b/dist/fuji.min.css.map index ecb1320..8483845 100644 --- a/dist/fuji.min.css.map +++ b/dist/fuji.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (
s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/\r\n$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/\r\n$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/\r\n$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/\r\n$light-color-bg: #fffffd !default; // https://irocore.com/shiro/\r\n$light-color-codebg: #f6f8fa !default; // GitHub\r\n\r\n$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/\r\n$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/\r\n$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/\r\n$dark-color-divider: #4d5158 !default; // Discord\r\n$dark-color-bg: #2f3136 !default; // Discord\r\n$dark-color-codebg: #414449 !default; // kai GitHub\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (
s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #{$light-color-primary};\r\n --color-secondary: #{$light-color-secondary};\r\n --color-focus: #{$light-color-focus};\r\n --color-mute: #{$light-color-mute};\r\n --color-font: #{$light-color-font};\r\n --color-divider: #{$light-color-divider};\r\n --color-bg: #{$light-color-bg};\r\n --color-codebg: #{$light-color-codebg};\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #{$dark-color-primary};\r\n --color-secondary: #{$dark-color-secondary};\r\n --color-focus: #{$dark-color-focus};\r\n --color-mute: #{$dark-color-mute};\r\n --color-font: #{$dark-color-font};\r\n --color-divider: #{$dark-color-divider};\r\n --color-bg: #{$dark-color-bg};\r\n --color-codebg: #{$dark-color-codebg};\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]} \ No newline at end of file diff --git a/exampleSite/config.toml b/exampleSite/config.toml index c54812d..72e22b7 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -71,8 +71,8 @@ paginate = 10 # 8:9 lazyPlaceholderCol = "/assets/lazyload/dsrca_loading_480x540.svg" - # Load `fuji.min.css` and `fuji.min.js` from jsDelivr - # mainAssetsCDN = true + # Use Hugo Pipes in Hugo Extended Version to compile SCSS + # useHugoPipes = true [markup] [markup.goldmark] diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 289c067..2d7362c 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -36,8 +36,14 @@ {{ if .Site.Params.mainAssetsCDN }} {{ else }} +{{ if .Site.Params.useHugoPipes }} +{{ $options := (dict "targetPath" "assets/css/fuji-custom.min.css" "outputStyle" "compressed") }} +{{ $style := resources.Get "scss/fuji.scss" | resources.ToCSS $options }} + +{{ else }} {{ end }} +{{ end }} {{ if .Params.playerURL }} {{ end }} diff --git a/static/assets/css/fuji.min.css.map b/static/assets/css/fuji.min.css.map index ecb1320..8483845 100644 --- a/static/assets/css/fuji.min.css.map +++ b/static/assets/css/fuji.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (
s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #8f82bc; // https://irocore.com/fujimurasaki/\r\n --color-focus: #3b469b; // https://irocore.com/aomurasaki/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #3f4551; // https://irocore.com/konnezu/\r\n --color-divider: #e5e2e4; // https://irocore.com/komachinezu/\r\n --color-bg: #fffffd; // https://irocore.com/shiro/\r\n --color-codebg: #f6f8fa; // GitHub\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #8aa2d3; // https://irocore.com/aofuji/\r\n --color-secondary: #bab1df; // kai https://irocore.com/fujimurasaki/\r\n --color-focus: #e6e6e6; // https://irocore.com/shironezumi/\r\n --color-mute: #9ea1a3; // https://irocore.com/suzu-iro/\r\n --color-font: #c0c0c0; // https://irocore.com/gin-iro/\r\n --color-divider: #4d5158; // Discord\r\n --color-bg: #2f3136; // Discord\r\n --color-codebg: #414449; // kai GitHub\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["_var.scss","_global.scss","_primer/base/normalize.scss","_primer/support/variables/color-system.scss","_primer/support/variables/layout.scss","fuji.css","_primer/base/base.scss","_primer/support/variables/typography.scss","_primer/support/mixins/layout.scss","_primer/base/kbd.scss","_primer/support/variables/misc.scss","_primer/base/typography-base.scss","_primer/support/mixins/typography.scss","_primer/layout/container.scss","_primer/layout/grid.scss","_primer/markdown/markdown-body.scss","_primer/markdown/headings.scss","_primer/support/variables/colors.scss","_primer/markdown/lists.scss","_primer/markdown/tables.scss","_primer/markdown/images.scss","_primer/markdown/code.scss","_primer/markdown/blob-csv.scss","_primer/utilities/layout.scss","_fuji-style/_header.scss","_fuji-style/_content.scss","_fuji-style/_sidebar.scss","_fuji-style/_footer.scss","_fuji-style/_components.scss","_fuji-theme/_base.scss","_fuji-theme/_dark-diff.scss","_fuji-theme/_style.scss"],"names":[],"mappings":"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","file":"fuji.min.css","sourcesContent":["$font-size-0: 2rem !default; // 16px->32px\r\n$font-size-1: 1.75rem !default; // 16px->28px #\r\n$font-size-2: 1.5rem !default; // 16px->24px ##\r\n$font-size-3: 1.25rem !default; // 16px->20px ###\r\n$font-size-4: 1rem !default; // 16px->16px ####\r\n\r\n// used primer variables\r\n// @primer/css/support/variables/misc.scss\r\n$font-weight-bold: 600;\r\n$font-weight-semibold: 600;\r\n$font-weight-normal: 400;\r\n$font-weight-light: 400;\r\n$body-font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Helvetica', 'Arial', 'PingFang SC',\r\n 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !default;\r\n$mono-font: 'Cascadia Code', 'SF Mono', 'Fira Code', 'Consolas', $body-font !default;\r\n$body-font-size: 16px !default;\r\n\r\n$light-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$light-color-secondary: #8f82bc !default; // https://irocore.com/fujimurasaki/\r\n$light-color-focus: #3b469b !default; // https://irocore.com/aomurasaki/\r\n$light-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$light-color-font: #3f4551 !default; // https://irocore.com/konnezu/\r\n$light-color-divider: #e5e2e4 !default; // https://irocore.com/komachinezu/\r\n$light-color-bg: #fffffd !default; // https://irocore.com/shiro/\r\n$light-color-codebg: #f6f8fa !default; // GitHub\r\n\r\n$dark-color-primary: #8aa2d3 !default; // https://irocore.com/aofuji/\r\n$dark-color-secondary: #bab1df !default; // kai https://irocore.com/fujimurasaki/\r\n$dark-color-focus: #e6e6e6 !default; // https://irocore.com/shironezumi/\r\n$dark-color-mute: #9ea1a3 !default; // https://irocore.com/suzu-iro/\r\n$dark-color-font: #c0c0c0 !default; // https://irocore.com/gin-iro/\r\n$dark-color-divider: #4d5158 !default; // Discord\r\n$dark-color-bg: #2f3136 !default; // Discord\r\n$dark-color-codebg: #414449 !default; // kai GitHub\r\n\r\n@font-face {\r\n font-family: 'Product Sans';\r\n font-style: normal;\r\n font-weight: 700;\r\n font-display: swap;\r\n src: local('Product Sans Bold'), local('ProductSans-Bold'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2') format('woff2');\r\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;\r\n}\r\n\r\n@font-face {\r\n font-family: 'Cascadia Code';\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: swap;\r\n src: local('Cascadia Code Regular'),\r\n url('https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2') format('woff2');\r\n}\r\n","* {\r\n box-sizing: border-box;\r\n}\r\n\r\n// sticky footer\r\nhtml {\r\n height: 100%;\r\n}\r\n\r\nbody {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\nmain {\r\n flex: 1 1 auto;\r\n}\r\n\r\n// remove text decoration\r\na:hover {\r\n text-decoration: none !important;\r\n}\r\n","// stylelint-disable\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\n\narticle,\naside,\ndetails, /* 1 */\nfigcaption,\nfigure,\nfooter,\nheader,\nmain, /* 2 */\nmenu,\nnav,\nsection { /* 1 */\n display: block;\n}\n\nsummary {\n display: list-item;\n}\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\n\ntemplate, /* 1 */\n[hidden] {\n display: none !important;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent; /* 1 */\n}\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\n\na:active,\na:hover {\n outline-width: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: $text-black;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em $spacer-6;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Restore the font weight unset by the previous rule.\n */\n\noptgroup {\n font-weight: $font-weight-bold;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\n\nfieldset {\n border: $border-width $border-style #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em $em-spacer-6;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n","// Black based on same hue as $gray-900\n$black: #1b1f23 !default;\n$white: #fff !default;\n\n//\n//\n// -------- Grays --------\n$gray-000: #fafbfc !default;\n$gray-100: #f6f8fa !default;\n$gray-200: #e1e4e8 !default;\n$gray-300: #d1d5da !default;\n$gray-400: #959da5 !default;\n$gray-500: #6a737d !default;\n$gray-600: #586069 !default;\n$gray-700: #444d56 !default;\n$gray-800: #2f363d !default;\n$gray-900: #24292e !default; // body font color\n\n// -------- Blue --------\n$blue-000: #f1f8ff !default;\n$blue-100: #dbedff !default;\n$blue-200: #c8e1ff !default;\n$blue-300: #79b8ff !default;\n$blue-400: #2188ff !default;\n$blue-500: #0366d6 !default; // Default: Passes AA with #fff\n$blue-600: #005cc5 !default;\n$blue-700: #044289 !default;\n$blue-800: #032f62 !default;\n$blue-900: #05264c !default; // Passes with 1/2/300 blues\n\n// -------- Green --------\n$green-000: #f0fff4 !default;\n$green-100: #dcffe4 !default;\n$green-200: #bef5cb !default;\n$green-300: #85e89d !default;\n$green-400: #34d058 !default;\n$green-500: #28a745 !default; // Default. passes AA Large\n$green-600: #22863a !default; // Text green, passes AA on #fff\n$green-700: #176f2c !default;\n$green-800: #165c26 !default;\n$green-900: #144620 !default;\n\n// -------- Yellow --------\n$yellow-000: #fffdef !default;\n$yellow-100: #fffbdd !default;\n$yellow-200: #fff5b1 !default;\n$yellow-300: #ffea7f !default;\n$yellow-400: #ffdf5d !default;\n$yellow-500: #ffd33d !default;\n$yellow-600: #f9c513 !default;\n$yellow-700: #dbab09 !default;\n$yellow-800: #b08800 !default;\n$yellow-900: #735c0f !default;\n\n// -------- Orange --------\n$orange-000: #fff8f2 !default;\n$orange-100: #ffebda !default;\n$orange-200: #ffd1ac !default;\n$orange-300: #ffab70 !default;\n$orange-400: #fb8532 !default;\n$orange-500: #f66a0a !default; // Default. passes AA Large with #fff\n$orange-600: #e36209 !default;\n$orange-700: #d15704 !default;\n$orange-800: #c24e00 !default;\n$orange-900: #a04100 !default;\n\n// -------- Red --------\n$red-000: #ffeef0 !default;\n$red-100: #ffdce0 !default;\n$red-200: #fdaeb7 !default;\n$red-300: #f97583 !default;\n$red-400: #ea4a5a !default;\n$red-500: #d73a49 !default; // Default. passes AA\n$red-600: #cb2431 !default;\n$red-700: #b31d28 !default;\n$red-800: #9e1c23 !default;\n$red-900: #86181d !default;\n\n// -------- Purple --------\n$purple-000: #f5f0ff !default;\n$purple-100: #e6dcfd !default;\n$purple-200: #d1bcf9 !default;\n$purple-300: #b392f0 !default;\n$purple-400: #8a63d2 !default;\n$purple-500: #6f42c1 !default; // passes AA with #fff\n$purple-600: #5a32a3 !default;\n$purple-700: #4c2889 !default;\n$purple-800: #3a1d6e !default;\n$purple-900: #29134e !default;\n\n// -------- Pink --------\n$pink-000: #ffeef8 !default;\n$pink-100: #fedbf0 !default;\n$pink-200: #f9b3dd !default;\n$pink-300: #f692ce !default;\n$pink-400: #ec6cb9 !default;\n$pink-500: #ea4aaa !default;\n$pink-600: #d03592 !default;\n$pink-700: #b93a86 !default;\n$pink-800: #99306f !default;\n$pink-900: #6d224f !default;\n\n// -------- Fades --------\n$black-fade-15: rgba($black, 0.15) !default;\n$black-fade-30: rgba($black, 0.3) !default;\n$black-fade-50: rgba($black, 0.5) !default;\n$black-fade-70: rgba($black, 0.7) !default;\n$black-fade-85: rgba($black, 0.85) !default;\n\n$white-fade-15: rgba($white, 0.15) !default;\n$white-fade-30: rgba($white, 0.3) !default;\n$white-fade-50: rgba($white, 0.5) !default;\n$white-fade-70: rgba($white, 0.7) !default;\n$white-fade-85: rgba($white, 0.85) !default;\n\n// -------- Color defaults --------\n$red: $red-500 !default;\n$purple: $purple-500 !default;\n$blue: $blue-500 !default;\n$green: $green-500 !default;\n$yellow: $yellow-500 !default;\n$orange: $orange-500 !default;\n\n$gray-dark: $gray-900 !default;\n$gray-light: $gray-400 !default;\n$gray: $gray-500 !default;\n\n// -------- Color gradient maps --------\n\n$grays: (\n 0: $gray-000,\n 1: $gray-100,\n 2: $gray-200,\n 3: $gray-300,\n 4: $gray-400,\n 5: $gray-500,\n 6: $gray-600,\n 7: $gray-700,\n 8: $gray-800,\n 9: $gray-900,\n) !default;\n\n$blues: (\n 0: $blue-000,\n 1: $blue-100,\n 2: $blue-200,\n 3: $blue-300,\n 4: $blue-400,\n 5: $blue-500,\n 6: $blue-600,\n 7: $blue-700,\n 8: $blue-800,\n 9: $blue-900,\n) !default;\n\n$greens: (\n 0: $green-000,\n 1: $green-100,\n 2: $green-200,\n 3: $green-300,\n 4: $green-400,\n 5: $green-500,\n 6: $green-600,\n 7: $green-700,\n 8: $green-800,\n 9: $green-900,\n) !default;\n\n$yellows: (\n 0: $yellow-000,\n 1: $yellow-100,\n 2: $yellow-200,\n 3: $yellow-300,\n 4: $yellow-400,\n 5: $yellow-500,\n 6: $yellow-600,\n 7: $yellow-700,\n 8: $yellow-800,\n 9: $yellow-900,\n) !default;\n\n$oranges: (\n 0: $orange-000,\n 1: $orange-100,\n 2: $orange-200,\n 3: $orange-300,\n 4: $orange-400,\n 5: $orange-500,\n 6: $orange-600,\n 7: $orange-700,\n 8: $orange-800,\n 9: $orange-900,\n) !default;\n\n$reds: (\n 0: $red-000,\n 1: $red-100,\n 2: $red-200,\n 3: $red-300,\n 4: $red-400,\n 5: $red-500,\n 6: $red-600,\n 7: $red-700,\n 8: $red-800,\n 9: $red-900,\n) !default;\n\n$purples: (\n 0: $purple-000,\n 1: $purple-100,\n 2: $purple-200,\n 3: $purple-300,\n 4: $purple-400,\n 5: $purple-500,\n 6: $purple-600,\n 7: $purple-700,\n 8: $purple-800,\n 9: $purple-900,\n) !default;\n\n$pinks: (\n 0: $pink-000,\n 1: $pink-100,\n 2: $pink-200,\n 3: $pink-300,\n 4: $pink-400,\n 5: $pink-500,\n 6: $pink-600,\n 7: $pink-700,\n 8: $pink-800,\n 9: $pink-900,\n) !default;\n\n$hue-maps: (\n \"gray\": $grays,\n \"blue\": $blues,\n \"green\": $greens,\n \"yellow\": $yellows,\n \"orange\": $oranges,\n \"red\": $reds,\n \"purple\": $purples,\n \"pink\": $pinks,\n) !default;\n","// Layout variables\n\n// these are values for the display CSS property\n$display-values: (\n block,\n flex,\n inline,\n inline-block,\n inline-flex,\n none,\n table,\n table-cell\n) !default;\n\n// maps edges to respective corners for border-radius\n$edges: (\n top: (top-left, top-right),\n right: (top-right, bottom-right),\n bottom: (bottom-right, bottom-left),\n left: (bottom-left, top-left)\n) !default;\n\n// These are our margin and padding utility spacers. The default step size we\n// use is 8px. This gives us a key of:\n// 0 => 0px\n// 1 => 4px\n// 2 => 8px\n// 3 => 16px\n// 4 => 24px\n// 5 => 32px\n// 6 => 40px\n$spacer: 8px !default;\n\n// Our spacing scale\n$spacer-0: 0 !default; // 0\n$spacer-1: round($spacer / 2) !default; // 4px\n$spacer-2: $spacer !default; // 8px\n$spacer-3: $spacer * 2 !default; // 16px\n$spacer-4: $spacer * 3 !default; // 24px\n$spacer-5: $spacer * 4 !default; // 32px\n$spacer-6: $spacer * 5 !default; // 40px\n\n// The list of spacer values\n$spacers: (\n $spacer-0,\n $spacer-1,\n $spacer-2,\n $spacer-3,\n $spacer-4,\n $spacer-5,\n $spacer-6,\n) !default;\n\n// And the map of spacers, for easier looping:\n// @each $scale, $length in $spacer-map { ... }\n$spacer-map: (\n 0: $spacer-0,\n 1: $spacer-1,\n 2: $spacer-2,\n 3: $spacer-3,\n 4: $spacer-4,\n 5: $spacer-5,\n 6: $spacer-6,\n) !default;\n\n// Em spacer variables\n$em-spacer-1: 0.0625em !default; // 1/16\n$em-spacer-2: 0.125em !default; // 1/8\n$em-spacer-3: 0.25em !default; // 1/4\n$em-spacer-4: 0.375em !default; // 3/8\n$em-spacer-5: 0.5em !default; // 1/2\n$em-spacer-6: 0.75em !default; // 3/4\n\n// Fixed-width container variables\n$container-width: 980px !default;\n$grid-gutter: 10px !default;\n\n// Breakpoint widths\n$width-xs: 0 !default;\n// Small screen / phone\n$width-sm: 544px !default;\n// Medium screen / tablet\n$width-md: 768px !default;\n// Large screen / desktop (980 + (16 * 2)) <= container + gutters\n$width-lg: 1012px !default;\n// Extra large screen / wide desktop\n$width-xl: 1280px !default;\n\n// Responsive container widths\n$container-sm: $width-sm !default;\n$container-md: $width-md !default;\n$container-lg: $width-lg !default;\n$container-xl: $width-xl !default;\n\n// Breakpoints in the form (name: length)\n$breakpoints: (\n sm: $width-sm,\n md: $width-md,\n lg: $width-lg,\n xl: $width-xl\n) !default;\n\n// This map in the form (breakpoint: variant) is used to iterate over\n// breakpoints and create both responsive and non-responsive classes in one\n// loop:\n//\n// ```scss\n// @each $breakpoint, $variant of $responsive-variants {\n// @include breakpoint($breakpoint) {\n// .foo#{$variant}-bar { foo: bar !important; }\n// }\n// }\n// ```\n$responsive-variants: (\n \"\": \"\",\n sm: \"-sm\",\n md: \"-md\",\n lg: \"-lg\",\n xl: \"-xl\",\n) !default;\n\n// responive utility position values\n$responsive-positions: (\n static,\n relative,\n absolute,\n fixed,\n sticky\n) !default;\n","@font-face {\n font-family: 'Product Sans';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: local(\"Product Sans Bold\"), local(\"ProductSans-Bold\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/product-sans/product-sans-bold.woff2\") format(\"woff2\");\n unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }\n\n@font-face {\n font-family: 'Cascadia Code';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: local(\"Cascadia Code Regular\"), url(\"https://cdn.jsdelivr.net/gh/amzrk2/web-font-archive@1.4.5/cascadia-code/cascadia.woff2\") format(\"woff2\"); }\n\n* {\n box-sizing: border-box; }\n\nhtml {\n height: 100%; }\n\nbody {\n display: flex;\n flex-direction: column;\n height: 100%; }\n\nmain {\n flex: 1 1 auto; }\n\na:hover {\n text-decoration: none !important; }\n\n/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */\n/**\n * 1. Change the default font family in all browsers (opinionated).\n * 2. Prevent adjustments of font size after orientation changes in IE and iOS.\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\n * Remove the margin in all browsers (opinionated).\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n * 2. Add the correct display in IE.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection {\n /* 1 */\n display: block; }\n\nsummary {\n display: list-item; }\n\n/**\n * Add the correct display in IE 9-.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; }\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Add the correct display in IE 10-.\n * 1. Add the correct display in IE.\n */\ntemplate,\n[hidden] {\n display: none !important; }\n\n/* Links\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n /* 1 */ }\n\n/**\n * Remove the outline on focused links when they are also active or hovered\n * in all browsers (opinionated).\n */\na:active,\na:hover {\n outline-width: 0; }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the bottom border in Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit; }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #1b1f23; }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none; }\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px; }\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change font properties to `inherit` in all browsers (opinionated).\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\nselect,\ntextarea {\n font: inherit;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Restore the font weight unset by the previous rule.\n */\noptgroup {\n font-weight: 600; }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */ }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Change the border, margin, and padding in all browsers (opinionated).\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n::-webkit-input-placeholder {\n color: inherit;\n opacity: 0.54; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n* {\n box-sizing: border-box; }\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n color: #24292e;\n background-color: #fff; }\n\na {\n color: #0366d6;\n text-decoration: none; }\n a:hover {\n text-decoration: underline; }\n\nb,\nstrong {\n font-weight: 600; }\n\nhr,\n.rule {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #dfe2e5; }\n hr::before,\n .rule::before {\n display: table;\n content: \"\"; }\n hr::after,\n .rule::after {\n display: table;\n clear: both;\n content: \"\"; }\n\ntable {\n border-spacing: 0;\n border-collapse: collapse; }\n\ntd,\nth {\n padding: 0; }\n\nbutton {\n cursor: pointer;\n border-radius: 0; }\n\n[hidden][hidden] {\n display: none !important; }\n\ndetails summary {\n cursor: pointer; }\n\ndetails:not([open]) > *:not(summary) {\n display: none !important; }\n\nkbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0; }\n\nh1 {\n font-size: 32px;\n font-weight: 600; }\n\nh2 {\n font-size: 24px;\n font-weight: 600; }\n\nh3 {\n font-size: 20px;\n font-weight: 600; }\n\nh4 {\n font-size: 16px;\n font-weight: 600; }\n\nh5 {\n font-size: 14px;\n font-weight: 600; }\n\nh6 {\n font-size: 12px;\n font-weight: 600; }\n\np {\n margin-top: 0;\n margin-bottom: 10px; }\n\nsmall {\n font-size: 90%; }\n\nblockquote {\n margin: 0; }\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0; }\n\nol ol,\nul ol {\n list-style-type: lower-roman; }\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha; }\n\ndd {\n margin-left: 0; }\n\ntt,\ncode {\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 12px; }\n\n.octicon {\n vertical-align: text-bottom; }\n\n.container-sm {\n max-width: 544px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-md {\n max-width: 768px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-lg {\n max-width: 1012px;\n margin-right: auto;\n margin-left: auto; }\n\n.container-xl {\n max-width: 1280px;\n margin-right: auto;\n margin-left: auto; }\n\n.col-1 {\n width: 8.33333%; }\n\n.col-2 {\n width: 16.66667%; }\n\n.col-3 {\n width: 25%; }\n\n.col-4 {\n width: 33.33333%; }\n\n.col-5 {\n width: 41.66667%; }\n\n.col-6 {\n width: 50%; }\n\n.col-7 {\n width: 58.33333%; }\n\n.col-8 {\n width: 66.66667%; }\n\n.col-9 {\n width: 75%; }\n\n.col-10 {\n width: 83.33333%; }\n\n.col-11 {\n width: 91.66667%; }\n\n.col-12 {\n width: 100%; }\n\n@media (min-width: 544px) {\n .col-sm-1 {\n width: 8.33333%; }\n .col-sm-2 {\n width: 16.66667%; }\n .col-sm-3 {\n width: 25%; }\n .col-sm-4 {\n width: 33.33333%; }\n .col-sm-5 {\n width: 41.66667%; }\n .col-sm-6 {\n width: 50%; }\n .col-sm-7 {\n width: 58.33333%; }\n .col-sm-8 {\n width: 66.66667%; }\n .col-sm-9 {\n width: 75%; }\n .col-sm-10 {\n width: 83.33333%; }\n .col-sm-11 {\n width: 91.66667%; }\n .col-sm-12 {\n width: 100%; } }\n\n@media (min-width: 768px) {\n .col-md-1 {\n width: 8.33333%; }\n .col-md-2 {\n width: 16.66667%; }\n .col-md-3 {\n width: 25%; }\n .col-md-4 {\n width: 33.33333%; }\n .col-md-5 {\n width: 41.66667%; }\n .col-md-6 {\n width: 50%; }\n .col-md-7 {\n width: 58.33333%; }\n .col-md-8 {\n width: 66.66667%; }\n .col-md-9 {\n width: 75%; }\n .col-md-10 {\n width: 83.33333%; }\n .col-md-11 {\n width: 91.66667%; }\n .col-md-12 {\n width: 100%; } }\n\n@media (min-width: 1012px) {\n .col-lg-1 {\n width: 8.33333%; }\n .col-lg-2 {\n width: 16.66667%; }\n .col-lg-3 {\n width: 25%; }\n .col-lg-4 {\n width: 33.33333%; }\n .col-lg-5 {\n width: 41.66667%; }\n .col-lg-6 {\n width: 50%; }\n .col-lg-7 {\n width: 58.33333%; }\n .col-lg-8 {\n width: 66.66667%; }\n .col-lg-9 {\n width: 75%; }\n .col-lg-10 {\n width: 83.33333%; }\n .col-lg-11 {\n width: 91.66667%; }\n .col-lg-12 {\n width: 100%; } }\n\n@media (min-width: 1280px) {\n .col-xl-1 {\n width: 8.33333%; }\n .col-xl-2 {\n width: 16.66667%; }\n .col-xl-3 {\n width: 25%; }\n .col-xl-4 {\n width: 33.33333%; }\n .col-xl-5 {\n width: 41.66667%; }\n .col-xl-6 {\n width: 50%; }\n .col-xl-7 {\n width: 58.33333%; }\n .col-xl-8 {\n width: 66.66667%; }\n .col-xl-9 {\n width: 75%; }\n .col-xl-10 {\n width: 83.33333%; }\n .col-xl-11 {\n width: 91.66667%; }\n .col-xl-12 {\n width: 100%; } }\n\n.gutter {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n\n.gutter-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n\n.gutter-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; }\n\n@media (min-width: 544px) {\n .gutter-sm {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-sm > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-sm-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-sm-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-sm-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-sm-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 768px) {\n .gutter-md {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-md > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-md-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-md-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-md-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-md-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1012px) {\n .gutter-lg {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-lg > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-lg-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-lg-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-lg-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-lg-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n@media (min-width: 1280px) {\n .gutter-xl {\n margin-right: -16px;\n margin-left: -16px; }\n .gutter-xl > [class*=\"col-\"] {\n padding-right: 16px !important;\n padding-left: 16px !important; }\n .gutter-xl-condensed {\n margin-right: -8px;\n margin-left: -8px; }\n .gutter-xl-condensed > [class*=\"col-\"] {\n padding-right: 8px !important;\n padding-left: 8px !important; }\n .gutter-xl-spacious {\n margin-right: -24px;\n margin-left: -24px; }\n .gutter-xl-spacious > [class*=\"col-\"] {\n padding-right: 24px !important;\n padding-left: 24px !important; } }\n\n.markdown-body {\n font-family: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n word-wrap: break-word; }\n .markdown-body kbd {\n display: inline-block;\n padding: 3px 5px;\n font: 11px \"Cascadia Code\", \"SF Mono\", \"Fira Code\", \"Consolas\", -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", \"PingFang SC\", \"Hiragino Sans GB\", \"Source Han Sans CN\", \"Source Han Sans SC\", \"Microsoft YaHei\", \"WenQuanYi Micro Hei\", sans-serif;\n line-height: 10px;\n color: #444d56;\n vertical-align: middle;\n background-color: #fafbfc;\n border: solid 1px #d1d5da;\n border-bottom-color: #d1d5da;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #d1d5da; }\n .markdown-body::before {\n display: table;\n content: \"\"; }\n .markdown-body::after {\n display: table;\n clear: both;\n content: \"\"; }\n .markdown-body > *:first-child {\n margin-top: 0 !important; }\n .markdown-body > *:last-child {\n margin-bottom: 0 !important; }\n .markdown-body a:not([href]) {\n color: inherit;\n text-decoration: none; }\n .markdown-body .absent {\n color: #cb2431; }\n .markdown-body .anchor {\n float: left;\n padding-right: 4px;\n margin-left: -20px;\n line-height: 1; }\n .markdown-body .anchor:focus {\n outline: none; }\n .markdown-body p,\n .markdown-body blockquote,\n .markdown-body ul,\n .markdown-body ol,\n .markdown-body dl,\n .markdown-body table,\n .markdown-body pre,\n .markdown-body details {\n margin-top: 0;\n margin-bottom: 16px; }\n .markdown-body hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0; }\n .markdown-body blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5; }\n .markdown-body blockquote > :first-child {\n margin-top: 0; }\n .markdown-body blockquote > :last-child {\n margin-bottom: 0; }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n margin-top: 24px;\n margin-bottom: 16px;\n font-weight: 600;\n line-height: 1.25; }\n .markdown-body h1 .octicon-link,\n .markdown-body h2 .octicon-link,\n .markdown-body h3 .octicon-link,\n .markdown-body h4 .octicon-link,\n .markdown-body h5 .octicon-link,\n .markdown-body h6 .octicon-link {\n color: #1b1f23;\n vertical-align: middle;\n visibility: hidden; }\n .markdown-body h1:hover .anchor,\n .markdown-body h2:hover .anchor,\n .markdown-body h3:hover .anchor,\n .markdown-body h4:hover .anchor,\n .markdown-body h5:hover .anchor,\n .markdown-body h6:hover .anchor {\n text-decoration: none; }\n .markdown-body h1:hover .anchor .octicon-link,\n .markdown-body h2:hover .anchor .octicon-link,\n .markdown-body h3:hover .anchor .octicon-link,\n .markdown-body h4:hover .anchor .octicon-link,\n .markdown-body h5:hover .anchor .octicon-link,\n .markdown-body h6:hover .anchor .octicon-link {\n visibility: visible; }\n .markdown-body h1 tt,\n .markdown-body h1 code,\n .markdown-body h2 tt,\n .markdown-body h2 code,\n .markdown-body h3 tt,\n .markdown-body h3 code,\n .markdown-body h4 tt,\n .markdown-body h4 code,\n .markdown-body h5 tt,\n .markdown-body h5 code,\n .markdown-body h6 tt,\n .markdown-body h6 code {\n font-size: inherit; }\n\n.markdown-body h1 {\n padding-bottom: 0.3em;\n font-size: 2em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h2 {\n padding-bottom: 0.3em;\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef; }\n\n.markdown-body h3 {\n font-size: 1.25em; }\n\n.markdown-body h4 {\n font-size: 1em; }\n\n.markdown-body h5 {\n font-size: 0.875em; }\n\n.markdown-body h6 {\n font-size: 0.85em;\n color: #6a737d; }\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 2em; }\n .markdown-body ul.no-list,\n .markdown-body ol.no-list {\n padding: 0;\n list-style-type: none; }\n\n.markdown-body ul ul,\n.markdown-body ul ol,\n.markdown-body ol ol,\n.markdown-body ol ul {\n margin-top: 0;\n margin-bottom: 0; }\n\n.markdown-body li {\n word-wrap: break-all; }\n\n.markdown-body li > p {\n margin-top: 16px; }\n\n.markdown-body li + li {\n margin-top: 0.25em; }\n\n.markdown-body dl {\n padding: 0; }\n .markdown-body dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: 600; }\n .markdown-body dl dd {\n padding: 0 16px;\n margin-bottom: 16px; }\n\n.markdown-body table {\n display: block;\n width: 100%;\n overflow: auto; }\n .markdown-body table th {\n font-weight: 600; }\n .markdown-body table th,\n .markdown-body table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5; }\n .markdown-body table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1; }\n .markdown-body table tr:nth-child(2n) {\n background-color: #f6f8fa; }\n .markdown-body table img {\n background-color: transparent; }\n\n.markdown-body img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff; }\n .markdown-body img[align=right] {\n padding-left: 20px; }\n .markdown-body img[align=left] {\n padding-right: 20px; }\n\n.markdown-body .emoji {\n max-width: none;\n vertical-align: text-top;\n background-color: transparent; }\n\n.markdown-body span.frame {\n display: block;\n overflow: hidden; }\n .markdown-body span.frame > span {\n display: block;\n float: left;\n width: auto;\n padding: 7px;\n margin: 13px 0 0;\n overflow: hidden;\n border: 1px solid #dfe2e5; }\n .markdown-body span.frame span img {\n display: block;\n float: left; }\n .markdown-body span.frame span span {\n display: block;\n padding: 5px 0 0;\n clear: both;\n color: #24292e; }\n\n.markdown-body span.align-center {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-center > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center; }\n .markdown-body span.align-center span img {\n margin: 0 auto;\n text-align: center; }\n\n.markdown-body span.align-right {\n display: block;\n overflow: hidden;\n clear: both; }\n .markdown-body span.align-right > span {\n display: block;\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right; }\n .markdown-body span.align-right span img {\n margin: 0;\n text-align: right; }\n\n.markdown-body span.float-left {\n display: block;\n float: left;\n margin-right: 13px;\n overflow: hidden; }\n .markdown-body span.float-left span {\n margin: 13px 0 0; }\n\n.markdown-body span.float-right {\n display: block;\n float: right;\n margin-left: 13px;\n overflow: hidden; }\n .markdown-body span.float-right > span {\n display: block;\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right; }\n\n.markdown-body code,\n.markdown-body tt {\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px; }\n .markdown-body code br,\n .markdown-body tt br {\n display: none; }\n\n.markdown-body del code {\n text-decoration: inherit; }\n\n.markdown-body pre {\n word-wrap: normal; }\n .markdown-body pre > code {\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0; }\n\n.markdown-body .highlight {\n margin-bottom: 16px; }\n .markdown-body .highlight pre {\n margin-bottom: 0;\n word-break: normal; }\n\n.markdown-body .highlight pre,\n.markdown-body pre {\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px; }\n\n.markdown-body pre code,\n.markdown-body pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0; }\n\n.markdown-body .csv-data td,\n.markdown-body .csv-data th {\n padding: 5px;\n overflow: hidden;\n font-size: 12px;\n line-height: 1;\n text-align: left;\n white-space: nowrap; }\n\n.markdown-body .csv-data .blob-num {\n padding: 10px 8px 9px;\n text-align: right;\n background: #fff;\n border: 0; }\n\n.markdown-body .csv-data tr {\n border-top: 0; }\n\n.markdown-body .csv-data th {\n font-weight: 600;\n background: #f6f8fa;\n border-top: 0; }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n@media (min-width: 544px) {\n .position-sm-static {\n position: static !important; }\n .position-sm-relative {\n position: relative !important; }\n .position-sm-absolute {\n position: absolute !important; }\n .position-sm-fixed {\n position: fixed !important; }\n .position-sm-sticky {\n position: sticky !important; } }\n\n@media (min-width: 768px) {\n .position-md-static {\n position: static !important; }\n .position-md-relative {\n position: relative !important; }\n .position-md-absolute {\n position: absolute !important; }\n .position-md-fixed {\n position: fixed !important; }\n .position-md-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1012px) {\n .position-lg-static {\n position: static !important; }\n .position-lg-relative {\n position: relative !important; }\n .position-lg-absolute {\n position: absolute !important; }\n .position-lg-fixed {\n position: fixed !important; }\n .position-lg-sticky {\n position: sticky !important; } }\n\n@media (min-width: 1280px) {\n .position-xl-static {\n position: static !important; }\n .position-xl-relative {\n position: relative !important; }\n .position-xl-absolute {\n position: absolute !important; }\n .position-xl-fixed {\n position: fixed !important; }\n .position-xl-sticky {\n position: sticky !important; } }\n\n/* Set top 0 */\n.top-0 {\n top: 0 !important; }\n\n/* Set right 0 */\n.right-0 {\n right: 0 !important; }\n\n/* Set bottom 0 */\n.bottom-0 {\n bottom: 0 !important; }\n\n/* Set left 0 */\n.left-0 {\n left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle {\n vertical-align: middle !important; }\n\n/* Vertical align top */\n.v-align-top {\n vertical-align: top !important; }\n\n/* Vertical align bottom */\n.v-align-bottom {\n vertical-align: bottom !important; }\n\n/* Vertical align to the top of the text */\n.v-align-text-top {\n vertical-align: text-top !important; }\n\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom {\n vertical-align: text-bottom !important; }\n\n/* Vertical align to the parent's baseline */\n.v-align-baseline {\n vertical-align: baseline !important; }\n\n.overflow-visible {\n overflow: visible !important; }\n\n.overflow-x-visible {\n overflow-x: visible !important; }\n\n.overflow-y-visible {\n overflow-y: visible !important; }\n\n.overflow-hidden {\n overflow: hidden !important; }\n\n.overflow-x-hidden {\n overflow-x: hidden !important; }\n\n.overflow-y-hidden {\n overflow-y: hidden !important; }\n\n.overflow-auto {\n overflow: auto !important; }\n\n.overflow-x-auto {\n overflow-x: auto !important; }\n\n.overflow-y-auto {\n overflow-y: auto !important; }\n\n.overflow-scroll {\n overflow: scroll !important; }\n\n.overflow-x-scroll {\n overflow-x: scroll !important; }\n\n.overflow-y-scroll {\n overflow-y: scroll !important; }\n\n/* Clear floats around the element */\n.clearfix::before {\n display: table;\n content: \"\"; }\n\n.clearfix::after {\n display: table;\n clear: both;\n content: \"\"; }\n\n/* Float to the left */\n.float-left {\n float: left !important; }\n\n/* Float to the right */\n.float-right {\n float: right !important; }\n\n/* No float */\n.float-none {\n float: none !important; }\n\n@media (min-width: 544px) {\n /* Float to the left */\n .float-sm-left {\n float: left !important; }\n /* Float to the right */\n .float-sm-right {\n float: right !important; }\n /* No float */\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n /* Float to the left */\n .float-md-left {\n float: left !important; }\n /* Float to the right */\n .float-md-right {\n float: right !important; }\n /* No float */\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 1012px) {\n /* Float to the left */\n .float-lg-left {\n float: left !important; }\n /* Float to the right */\n .float-lg-right {\n float: right !important; }\n /* No float */\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1280px) {\n /* Float to the left */\n .float-xl-left {\n float: left !important; }\n /* Float to the right */\n .float-xl-right {\n float: right !important; }\n /* No float */\n .float-xl-none {\n float: none !important; } }\n\n/* Max width 100% */\n.width-fit {\n max-width: 100% !important; }\n\n/* Set the width to 100% */\n.width-full {\n width: 100% !important; }\n\n/* Max height 100% */\n.height-fit {\n max-height: 100% !important; }\n\n/* Set the height to 100% */\n.height-full {\n height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 {\n min-width: 0 !important; }\n\n.width-auto {\n width: auto !important; }\n\n/* Set the direction to rtl */\n.direction-rtl {\n direction: rtl !important; }\n\n/* Set the direction to ltr */\n.direction-ltr {\n direction: ltr !important; }\n\n@media (min-width: 544px) {\n .width-sm-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-sm-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-sm-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 768px) {\n .width-md-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-md-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-md-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1012px) {\n .width-lg-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-lg-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-lg-ltr {\n direction: ltr !important; } }\n\n@media (min-width: 1280px) {\n .width-xl-auto {\n width: auto !important; }\n /* Set the direction to rtl */\n .direction-xl-rtl {\n direction: rtl !important; }\n /* Set the direction to ltr */\n .direction-xl-ltr {\n direction: ltr !important; } }\n\nheader .header {\n padding: 1.75rem 1.5rem 2rem 1.5rem; }\n\nheader .title-main {\n font-size: 2.5rem;\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\n font-weight: 700;\n white-space: nowrap; }\n\nheader .title-sub {\n margin: 0 0.1rem;\n display: block;\n white-space: nowrap;\n scrollbar-width: none;\n -ms-overflow-style: none; }\n header .title-sub::-webkit-scrollbar {\n display: none; }\n\n.content {\n padding: 1.5rem 1.5rem 0 1.5rem; }\n\n.post:not(:first-child) {\n padding: 1.5rem 0; }\n\n.post:first-child {\n padding: 0 0 1.5rem 0; }\n\n.post-title {\n font-size: 1.75rem; }\n\n.post-meta {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 1rem 0.1rem;\n flex-wrap: wrap; }\n .post-meta span {\n display: flex;\n align-items: center; }\n .post-meta span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.post-summary {\n margin: 0 0.1rem; }\n .post-summary p:last-child {\n margin-bottom: 0; }\n .post-summary h1,\n .post-summary h2,\n .post-summary h3,\n .post-summary h4,\n .post-summary h5,\n .post-summary h6 {\n display: none; }\n\n.post-meta-archive {\n display: flex;\n align-items: center;\n margin: 0.5rem 0.1rem 0 0.1rem;\n flex-wrap: wrap; }\n .post-meta-archive span:not(:last-child) {\n padding-right: 1.5rem; }\n\n.pagination {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n line-height: 1.25rem;\n padding: 1.25rem 0; }\n .pagination div {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem; }\n .pagination div a {\n display: flex;\n align-items: center; }\n\n.page-info {\n padding: 0 0.1rem 1.5rem 0.1rem; }\n\narticle {\n padding-bottom: 1.5rem; }\n article .post-content {\n margin: 1.25rem 0.1rem 0 0.1rem; }\n\n.license {\n margin-bottom: 1.5rem; }\n\n.post-loading {\n margin: 0 0 1.5rem 0;\n padding-top: 1.5rem;\n text-align: center; }\n .post-loading i {\n font-size: 1.25rem; }\n .post-loading p {\n margin: 0.5rem 0 0 0; }\n\n.markdown-body h1 {\n font-size: 1.75rem;\n margin-top: 1.5rem; }\n\n.markdown-body h2 {\n font-size: 1.5rem;\n margin-top: 1.375rem; }\n\n.markdown-body h3 {\n font-size: 1.25rem;\n margin-top: 1.25rem; }\n\n.markdown-body h4 {\n margin-top: 1.25rem; }\n\n.markdown-body ul {\n list-style-type: circle; }\n\n.markdown-body img {\n max-width: 98%;\n margin: 0 0.25rem 0.5rem 0.25rem; }\n\n.post-comment span.post-comment-notloaded {\n display: flex;\n align-items: center;\n justify-content: center; }\n\n#disqus_thread {\n padding: 1.25rem 0; }\n\n.sidebar {\n padding: 1.5rem 1.5rem 1.5rem 0; }\n\n.sidebar-item:not(:last-child) {\n margin-bottom: 1rem; }\n\n.sidebar-item h3 {\n margin-bottom: 0.25rem; }\n\n.sidebar-item ul {\n list-style-type: none;\n margin: 0 0.1rem; }\n\n.sidebar-item > div,\n.sidebar-item > nav {\n margin: 0 0.1rem; }\n\n.sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 100%;\n border-radius: 2px; }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n padding: 1.5rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around; }\n .sidebar-item {\n width: 40%; }\n .sidebar-item .sidebar-pages,\n .sidebar-item .sidebar-tags {\n margin-bottom: 1rem; }\n .sidebar-item .sidebar-links,\n .sidebar-item .sidebar-bgm {\n margin-bottom: 0; }\n .sidebar-item > img {\n margin: 0.5rem 0.25rem 0 0.25rem;\n width: 75%;\n border-radius: 0.25rem; } }\n\n.sidebar-toc ul ul {\n font-size: 0.875rem;\n padding-left: 0.5rem;\n margin-bottom: 0.25rem; }\n\nfooter .footer {\n padding: 2rem 1.5rem;\n text-align: center; }\n footer .footer i {\n font-size: 0.875rem; }\n\n.btn {\n position: fixed;\n right: 1.5rem;\n bottom: 1.5rem;\n width: 2.5rem;\n height: 5rem;\n display: flex;\n justify-content: space-between;\n flex-direction: column; }\n .btn div {\n flex: 0 1 auto;\n width: 2.5rem;\n height: 2.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer; }\n .btn div:first-child {\n border-radius: 0.25rem 0.25rem 0 0;\n font-size: 1.25rem; }\n .btn div:last-child {\n border-radius: 0 0 0.25rem 0.25rem;\n font-size: 1.5rem; }\n\n#post-aplayer {\n margin: 0 0.125rem 1.25rem 0.125rem;\n font-family: inherit; }\n\nbody[data-theme='auto'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n @media (prefers-color-scheme: dark) {\n body[data-theme='auto'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='auto'] img {\n filter: brightness(60%); }\n body[data-theme='auto'] table th,\n body[data-theme='auto'] table td {\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='auto'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='auto'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='auto'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; } }\n\nbody[data-theme='light'] {\n --color-mode: 'light';\n --color-primary: #8aa2d3;\n --color-secondary: #8f82bc;\n --color-focus: #3b469b;\n --color-mute: #9ea1a3;\n --color-font: #3f4551;\n --color-divider: #e5e2e4;\n --color-bg: #fffffd;\n --color-codebg: #f6f8fa; }\n\nbody[data-theme='dark'] {\n --color-mode: 'dark';\n --color-primary: #8aa2d3;\n --color-secondary: #bab1df;\n --color-focus: #e6e6e6;\n --color-mute: #9ea1a3;\n --color-font: #c0c0c0;\n --color-divider: #4d5158;\n --color-bg: #2f3136;\n --color-codebg: #414449; }\n body[data-theme='dark'] img {\n filter: brightness(60%); }\n body[data-theme='dark'] table th,\n body[data-theme='dark'] table td {\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr {\n background-color: var(--color-bg);\n border-color: var(--color-font); }\n body[data-theme='dark'] table tr:nth-child(2n) {\n background-color: var(--color-divider); }\n body[data-theme='dark'] #post-aplayer {\n background-color: var(--color-divider); }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-music .aplayer-author {\n color: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\n fill: var(--color-font) !important; }\n body[data-theme='dark'] .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\n fill: var(--color-focus) !important; }\n\n::selection,\n::-moz-selection {\n color: var(--color-bg);\n background-color: var(--color-primary); }\n\nbody {\n background-color: var(--color-bg);\n color: var(--color-font); }\n body a {\n color: var(--color-primary); }\n body a:hover {\n color: var(--color-secondary); }\n\n.post-summary a,\n.post-meta a {\n color: var(--color-secondary); }\n\n.post-summary a:hover,\n.post-meta a:hover {\n color: var(--color-focus); }\n\n.pag-current a,\n.pag-current a:hover {\n color: var(--color-focus); }\n\n.title-sub,\n.post-meta {\n color: var(--color-mute); }\n\nheader,\n.page-info {\n border-bottom: 2px solid var(--color-divider); }\n\n.post + .post,\n.pagination,\nfooter {\n border-top: 2px solid var(--color-divider); }\n\n.post-meta-archive {\n color: var(--color-mute); }\n .post-meta-archive a {\n color: var(--color-secondary); }\n .post-meta-archive a:hover {\n color: var(--color-focus); }\n\n@media screen and (max-width: 768px) {\n .sidebar {\n border-top: 2px solid var(--color-divider); } }\n\n.post-content a {\n color: var(--color-secondary); }\n\n.post-content a:hover {\n color: var(--color-focus); }\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6,\n.markdown-body strong,\n.markdown-body em {\n color: var(--color-primary); }\n\n.markdown-body h1,\n.markdown-body h2 {\n border-bottom: 2px solid var(--color-divider); }\n\n.markdown-body blockquote {\n color: var(--color-mute); }\n\n.markdown-body img {\n border-radius: 2px;\n background-color: inherit; }\n\n.markdown-body hr {\n height: 2px; }\n\n.markdown-body pre,\n.markdown-body code {\n background-color: var(--color-codebg); }\n\n.post-loading {\n border-top: 2px solid var(--color-divider); }\n\n.post-comment {\n border-top: 2px solid var(--color-divider); }\n .post-comment span.post-comment-notloaded {\n padding: 1.5rem 0;\n color: var(--color-secondary);\n cursor: pointer; }\n .post-comment span.post-comment-notloaded:hover {\n color: var(--color-focus); }\n\n.btn div {\n background-color: var(--color-divider);\n color: var(--color-primary); }\n\n.btn div:hover {\n background-color: var(--color-primary);\n color: var(--color-divider); }\n\n.btn div + div {\n border-top: 2px solid var(--color-bg); }\n\ncode[class*='language-'],\npre[class*='language-'] {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4; }\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n color: #93a1a1;\n /* base1 */ }\n\n.token.punctuation {\n color: #586e75;\n /* base01 */ }\n\n.token.namespace {\n opacity: 0.7; }\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n color: #268bd2;\n /* blue */ }\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.url,\n.token.inserted {\n color: #2aa198;\n /* cyan */ }\n\n.token.entity {\n color: #657b83;\n /* base00 */\n background: #eee8d5;\n /* base2 */ }\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n color: #859900;\n /* green */ }\n\n.token.function,\n.token.class-name {\n color: #b58900;\n /* yellow */ }\n\n.token.regex,\n.token.important,\n.token.variable {\n color: #cb4b16;\n /* orange */ }\n\n.token.important,\n.token.bold {\n font-weight: 600; }\n\n.token.italic {\n font-style: italic; }\n\npre .rule,\ncode .rule {\n margin: 0;\n border-bottom: none;\n overflow: inherit; }\n pre .rule::before, pre .rule::after,\n code .rule::before,\n code .rule::after {\n display: inherit;\n clear: inherit; }\n\n#dsqjs a {\n text-decoration: none !important;\n color: var(--color-secondary) !important; }\n\n#dsqjs a:hover {\n color: var(--color-focus) !important; }\n\n#dsqjs .dsqjs-bullet::after {\n color: var(--color-mute) !important;\n font-weight: 600 !important; }\n\n#dsqjs .dsqjs-no-comment {\n color: var(--color-font) !important; }\n\n#dsqjs .dsqjs-nav-tab {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-tab-active {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-tab-active > span:after {\n background-color: var(--color-secondary) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-avatar {\n background: var(--color-bg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-post-author {\n color: var(--color-mute) !important;\n font-weight: 600; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-admin-badge {\n color: var(--color-font) !important;\n background: var(--color-codebg) !important; }\n\n#dsqjs .dsqjs-post-list .dsqjs-post-header .dsqjs-meta {\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-post-body {\n color: var(--color-font) !important; }\n #dsqjs .dsqjs-post-body code,\n #dsqjs .dsqjs-post-body pre {\n background: var(--color-codebg) !important; }\n #dsqjs .dsqjs-post-body blockquote {\n color: var(--color-codebg) !important;\n border-left: 0.25em solid var(--color-divider) !important; }\n\n#dsqjs .dsqjs-load-more {\n background: var(--color-mute) !important;\n color: var(--color-bg) !important; }\n\n#dsqjs footer {\n border-top: 2px solid var(--color-divider) !important;\n font-weight: 600 !important;\n color: var(--color-mute) !important; }\n\n#dsqjs .dsqjs-order-radio:checked + .dsqjs-order-label {\n color: var(--color-font) !important;\n background-color: var(--color-divider) !important; }\n\n#dsqjs .dsqjs-order-label {\n background-color: var(--color-bg) !important; }\n\n#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {\n color: var(--color-mute) !important; }\n","// stylelint-disable selector-max-type\n* {\n box-sizing: border-box;\n}\n\ninput,\nselect,\ntextarea,\nbutton {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbody {\n font-family: $body-font;\n font-size: $body-font-size;\n line-height: $body-line-height;\n color: $text-gray-dark;\n background-color: $bg-white;\n}\n\na {\n color: $text-blue;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n}\n\nb,\nstrong {\n font-weight: $font-weight-bold;\n}\n\n// Horizontal lines\n//\n// TODO-MDO: Remove `.rule` from everywhere and replace with `
`s\nhr,\n.rule {\n height: 0;\n // stylelint-disable-next-line primer/spacing\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n // stylelint-disable-next-line primer/borders\n border-bottom: $border-width $border-style lighten($gray-300, 5%);\n @include clearfix();\n}\n\n//\n// Remove most spacing between table cells.\n//\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n}\n\nbutton {\n cursor: pointer;\n // Remove border radius added by Chrome macOS\n border-radius: 0;\n}\n\n// increase the selector specificity for [hidden]\n// so that it always overrides utility classes (.d-block, etc.)\n[hidden][hidden] {\n display: none !important;\n}\n\ndetails {\n summary { cursor: pointer; }\n\n &:not([open]) {\n // Set details content hidden by default for browsers that don't do this\n > *:not(summary) { display: none !important; }\n }\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n$mono-font: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n","// Responsive media queries\n\n@mixin breakpoint($breakpoint) {\n @if $breakpoint == \"\" {\n @content;\n }\n\n @else {\n // Retrieves the value from the key\n $value: map-get($breakpoints, $breakpoint);\n\n // If the key exists in the map\n @if $value != null {\n // Prints a media query based on the value\n @media (min-width: $value) {\n @content;\n }\n }\n\n // If the key doesn't exist in the map\n @else {\n @warn \"Unfortunately, no value could be retrieved from `#{$breakpoint}`. \"\n + \"Please make sure it is defined in `$breakpoints` map.\";\n }\n }\n}\n\n// Retina media query\n\n@mixin retina-media-query {\n @media\n only screen and (-webkit-min-device-pixel-ratio: 2),\n only screen and (min--moz-device-pixel-ratio: 2),\n only screen and (-moz-min-device-pixel-ratio: 2),\n only screen and (-o-min-device-pixel-ratio: 2/1),\n only screen and (min-device-pixel-ratio: 2),\n only screen and (min-resolution: 192dpi),\n only screen and (min-resolution: 2dppx) {\n @content;\n }\n}\n\n// Clearfix\n//\n// Clears floats via mixin.\n\n@mixin clearfix {\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n}\n","// Keyboard shortcuts\n// stylelint-disable selector-max-type\n\nkbd {\n display: inline-block;\n // stylelint-disable-next-line primer/spacing\n padding: ($spacer-1 - 1) ($spacer-1 + 1);\n font: 11px $mono-font;\n // stylelint-disable-next-line primer/typography\n line-height: 10px;\n // stylelint-disable-next-line primer/colors\n color: $gray-700;\n vertical-align: middle;\n background-color: $bg-gray-light;\n // stylelint-disable-next-line primer/borders\n border: $border-style $border-width $border-gray-dark;\n border-bottom-color: $border-gray-dark;\n border-radius: $border-radius;\n // stylelint-disable-next-line primer/box-shadow\n box-shadow: inset 0 -1px 0 $border-gray-dark;\n}\n","// Miscellaneous variables\n\n// Border size\n$border-width: 1px !default;\n$border-color: $border-gray !default;\n$border-style: solid !default;\n$border: $border-width $border-color $border-style !default;\n$border-radius: 3px !default;\n\n// Box shadow\n$box-shadow: 0 1px 1px rgba($black, 0.1) !default;\n$box-shadow-medium: 0 1px 5px $black-fade-15 !default;\n$box-shadow-large: 0 1px 15px $black-fade-15 !default;\n$box-shadow-extra-large: 0 10px 50px rgba($black, 0.07) !default;\n\n// Button and form variables\n$form-control-shadow: inset 0 1px 2px rgba($black, 0.075) !default;\n$btn-input-focus-shadow: 0 0 0 0.2em rgba($blue, 0.3) !default;\n$btn-active-shadow: inset 0 0.15em 0.3em $black-fade-15 !default;\n\n// Tooltips\n$tooltip-max-width: 250px !default;\n$tooltip-background-color: $black !default;\n$tooltip-text-color: $white !default;\n$tooltip-delay: 0.4s !default;\n$tooltip-duration: 0.1s !default;\n","// Headings\n// --------------------------------------------------\n// stylelint-disable selector-max-type\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\nh1 { @include h1; }\nh2 { @include h2; }\nh3 { @include h3; }\nh4 { @include h4; }\nh5 { @include h5; }\nh6 { @include h6; }\n\n// Body text\n// --------------------------------------------------\n\np {\n margin-top: 0;\n // stylelint-disable-next-line primer/spacing\n margin-bottom: 10px;\n}\n\nsmall {\n // stylelint-disable-next-line primer/typography\n font-size: 90%;\n}\n\nblockquote {\n margin: 0;\n}\n\n// Lists\n// --------------------------------------------------\n\nul,\nol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\nol ol,\nul ol {\n list-style-type: lower-roman;\n}\n\nul ul ol,\nul ol ol,\nol ul ol,\nol ol ol {\n list-style-type: lower-alpha;\n}\n\ndd {\n margin-left: 0;\n}\n\n// Code\n// --------------------------------------------------\n\ntt,\ncode {\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 0;\n font-family: $mono-font;\n font-size: $font-size-small;\n}\n\n// Octicons\n// --------------------------------------------------\n\n// Move this over here as a temporary override to the octicons source repo\n// instead of updating that upstream.\n.octicon {\n vertical-align: text-bottom;\n}\n","// Text hiding for image based text replacement.\n// Higher performance than -9999px because it only renders\n// the size of the actual text, not a full 9999px box.\n@mixin hide-text() {\n overflow: hidden;\n text-indent: 100%;\n white-space: nowrap;\n}\n\n// Heading mixins for use within components\n// These match heading utilities in utilities/typography\n@mixin h1 {\n font-size: $h1-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2 {\n font-size: $h2-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3 {\n font-size: $h3-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h4 {\n font-size: $h4-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h5 {\n font-size: $h5-size;\n font-weight: $font-weight-bold;\n}\n\n@mixin h6 {\n font-size: $h6-size;\n font-weight: $font-weight-bold;\n}\n\n// Responsive heading mixins\n// There are no responsive mixins for h4-h6 because they are small\n// and don't need to be smaller on mobile.\n@mixin f1-responsive {\n font-size: $h1-size-mobile;\n\n // 32px on desktop\n @include breakpoint(md) { font-size: $h1-size; }\n\n}\n\n@mixin f2-responsive {\n font-size: $h2-size-mobile;\n\n // 24px on desktop\n @include breakpoint(md) { font-size: $h2-size; }\n}\n\n@mixin f3-responsive {\n font-size: $h3-size-mobile;\n\n // 20px on desktop\n @include breakpoint(md) { font-size: $h3-size; }\n\n}\n\n// These use the mixins from above for responsive heading sizes.\n// The following mixins can be used where it's convenient or necessary to\n// couple the responsive font-size with the font-weight.\n@mixin h1-responsive {\n @include f1-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h2-responsive {\n @include f2-responsive;\n font-weight: $font-weight-bold;\n}\n\n@mixin h3-responsive {\n @include f3-responsive;\n font-weight: $font-weight-bold;\n}\n","// Fixed-width, centered column for site content.\n// Handy container styles that match our breakpoints\n\n// 544px\n.container-sm {\n max-width: $width-sm;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 768px\n.container-md {\n max-width: $container-md;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1004px - this matches the current fixed width: 980px + padding: px-3\n.container-lg {\n max-width: $container-lg;\n margin-right: auto;\n margin-left: auto;\n}\n\n// 1280px\n.container-xl {\n max-width: $container-xl;\n margin-right: auto;\n margin-left: auto;\n}\n","// GRID\n\n// Columns\n.col-1 { width: (1 / 12 * 100%); }\n.col-2 { width: (2 / 12 * 100%); }\n.col-3 { width: (3 / 12 * 100%); }\n.col-4 { width: (4 / 12 * 100%); }\n.col-5 { width: (5 / 12 * 100%); }\n.col-6 { width: (6 / 12 * 100%); }\n.col-7 { width: (7 / 12 * 100%); }\n.col-8 { width: (8 / 12 * 100%); }\n.col-9 { width: (9 / 12 * 100%); }\n.col-10 { width: (10 / 12 * 100%); }\n.col-11 { width: (11 / 12 * 100%); }\n.col-12 { width: 100%; }\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }\n .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }\n .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }\n .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }\n .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }\n .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }\n .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }\n .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }\n .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }\n .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }\n .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }\n .col-#{$breakpoint}-12 { width: 100%; }\n }\n}\n\n// Gutters\n// Apply padding and a negative margin to the outside of the container\n@mixin gutters ($gutter-width: $spacer-3) {\n margin-right: -$gutter-width;\n margin-left: -$gutter-width;\n\n > [class*=\"col-\"] {\n padding-right: $gutter-width !important;\n padding-left: $gutter-width !important;\n }\n}\n\n.gutter {\n @include gutters($spacer-3);\n}\n\n.gutter-condensed {\n @include gutters($spacer-2);\n}\n\n.gutter-spacious {\n @include gutters($spacer-4);\n}\n\n@each $breakpoint in map-keys($breakpoints) {\n @include breakpoint($breakpoint) {\n .gutter-#{$breakpoint} { @include gutters($spacer-3); }\n .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); }\n .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); }\n }\n}\n","// All of our block level items should have the same margin\n// stylelint-disable selector-max-type\n\n// This is styling for generic markdownized text. Anything you put in a\n// container with .markdown-body on it should render generally well. It also\n// includes some GitHub Flavored Markdown specific styling (like @mentions)\n.markdown-body {\n font-family: $body-font;\n font-size: $h4-size;\n line-height: $body-line-height;\n word-wrap: break-word;\n\n @import \"../base/kbd.scss\"; // adds support for keyboard shortcuts\n\n // Clearfix on the markdown body\n &::before {\n display: table;\n content: \"\";\n }\n\n &::after {\n display: table;\n clear: both;\n content: \"\";\n }\n\n > *:first-child {\n margin-top: 0 !important;\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n // Anchors like . These sometimes end up wrapped around\n // text when users mistakenly forget to close the tag or use self-closing tag\n // syntax. We don't want them to appear like links.\n // FIXME: a:not(:link):not(:visited) would be a little clearer here (and\n // possibly faster to match), but it breaks styling of elements due\n // to https://bugs.webkit.org/show_bug.cgi?id=142737.\n a:not([href]) {\n color: inherit;\n text-decoration: none;\n }\n\n // Link Colors\n .absent {\n color: $text-red;\n }\n\n .anchor {\n float: left;\n padding-right: $spacer-1;\n // stylelint-disable-next-line primer/spacing\n margin-left: -20px;\n line-height: $lh-condensed-ultra;\n\n &:focus {\n outline: none;\n }\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre,\n details {\n margin-top: 0;\n margin-bottom: $spacer-3;\n }\n\n hr {\n height: $em-spacer-3;\n padding: 0;\n margin: $spacer-4 0;\n // stylelint-disable-next-line primer/colors\n background-color: $gray-200;\n border: 0;\n }\n\n blockquote {\n // stylelint-disable-next-line primer/spacing\n padding: 0 1em;\n color: $text-gray-light;\n // stylelint-disable-next-line primer/borders\n border-left: 0.25em $border-style lighten($gray-300, 5%);\n\n > :first-child {\n margin-top: 0;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-compound-selectors, selector-max-specificity\n// stylelint-disable selector-max-type\n.markdown-body {\n // Headings\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: $spacer-4;\n margin-bottom: $spacer-3;\n font-weight: $font-weight-bold;\n line-height: $lh-condensed;\n\n .octicon-link {\n color: $text-black;\n vertical-align: middle;\n visibility: hidden;\n }\n\n &:hover .anchor {\n text-decoration: none;\n\n .octicon-link {\n visibility: visible;\n }\n }\n\n tt,\n code {\n font-size: inherit;\n }\n }\n\n h1 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 2em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h2 {\n // stylelint-disable-next-line primer/spacing\n padding-bottom: 0.3em;\n // stylelint-disable-next-line primer/typography\n font-size: 1.5em;\n border-bottom: $border-width $border-style $border-gray-light;\n }\n\n h3 {\n // stylelint-disable-next-line primer/typography\n font-size: 1.25em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.875em;\n }\n\n h6 {\n // stylelint-disable-next-line primer/typography\n font-size: 0.85em;\n color: $text-gray-light;\n }\n}\n","@import \"color-system.scss\";\n// Color variables\n\n// Border colors\n$border-white: $white !default;\n$border-black-fade: $black-fade-15 !default;\n$border-white-fade: $white-fade-15 !default;\n$border-gray-dark: $gray-300 !default;\n$border-gray-darker: $gray-700 !default;\n$border-gray-light: lighten($gray-200, 3%) !default;\n$border-gray: $gray-200 !default;\n$border-blue: $blue-500 !default;\n$border-blue-light: $blue-200 !default;\n$border-green: $green-400 !default;\n$border-green-light: desaturate($green-300, 40%) !default;\n$border-purple: $purple !default;\n$border-red: $red !default;\n$border-red-light: desaturate($red-300, 60%) !default;\n$border-yellow: desaturate($yellow-300, 60%) !default;\n\n// Buttons have a slightly more opaque border than $border-black-fade (15% alpha)\n$border-color-button: rgba($black, 0.2) !default;\n\n// Background colors\n$bg-white: $white !default;\n$bg-black: $black !default;\n$bg-black-fade: $black-fade-50 !default;\n$bg-blue-light: $blue-000 !default;\n$bg-blue: $blue-500 !default;\n$bg-gray-dark: $gray-900 !default;\n$bg-gray-light: $gray-000 !default;\n$bg-gray: $gray-100 !default;\n$bg-green: $green-500 !default;\n$bg-green-light: $green-100 !default;\n$bg-orange: $orange-700 !default;\n$bg-purple: $purple-500 !default;\n$bg-purple-light: $purple-000 !default;\n$bg-pink: $pink-500 !default;\n$bg-red: $red-500 !default;\n$bg-red-light: $red-100 !default;\n$bg-yellow: $yellow-500 !default;\n$bg-yellow-light: $yellow-200 !default;\n$bg-yellow-dark: $yellow-700 !default;\n\n// diffstat background colors\n$bg-diffstat-added: darken($green-400, 5%) !default;\n$bg-diffstat-deleted: $red-600 !default;\n$bg-diffstat-neutral: $gray-300 !default;\n\n// Text colors\n$text-black: $black !default;\n$text-white: $white !default;\n$text-blue: $blue-500 !default;\n$text-gray-dark: $gray-900 !default;\n$text-gray-light: $gray-500 !default;\n$text-gray: $gray-600 !default;\n$text-green: $green-500 !default;\n$text-orange: $orange-900 !default;\n$text-orange-light: $orange-600 !default;\n$text-purple: $purple !default;\n$text-pink: $pink-500 !default;\n$text-red: $red-600 !default;\n$text-yellow: $yellow-800 !default;\n","// Base styles\n// stylelint-disable selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n\n // Lists, Blockquotes & Such\n ul,\n ol {\n // stylelint-disable-next-line primer/spacing\n padding-left: 2em;\n\n &.no-list {\n padding: 0;\n list-style-type: none;\n }\n }\n\n // Did someone complain about list spacing? Encourage them\n // to create the spacing with their markdown formatting.\n // List behavior should be controled by the markup, not the css.\n //\n // For lists with padding between items, use blank\n // lines between items. This will generate paragraphs with\n // padding to space things out.\n //\n // - item\n //\n // - item\n //\n // - item\n //\n // For list without padding, don't use blank lines.\n //\n // - item\n // - item\n // - item\n //\n // Modifying the css to emulate these behaviors merely brakes\n // one case in the process of solving another. Don't change\n // this unless it's really really a bug.\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li {\n word-wrap: break-all;\n }\n\n li > p {\n margin-top: $spacer-3;\n }\n\n li + li {\n margin-top: $em-spacer-3;\n }\n\n dl {\n padding: 0;\n\n dt {\n padding: 0;\n margin-top: $spacer-3;\n font-size: 1em;\n font-style: italic;\n font-weight: $font-weight-bold;\n }\n\n dd {\n padding: 0 $spacer-3;\n margin-bottom: $spacer-3;\n }\n }\n}\n","// Needs refactoring\n// stylelint-disable selector-max-type\n.markdown-body {\n // Tables\n table {\n display: block;\n width: 100%;\n overflow: auto;\n\n th {\n font-weight: $font-weight-bold;\n }\n\n th,\n td {\n // stylelint-disable-next-line primer/spacing\n padding: 6px 13px;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n tr {\n background-color: $bg-white;\n // stylelint-disable-next-line primer/borders\n border-top: $border-width $border-style darken($gray-300, 4%);\n\n &:nth-child(2n) {\n background-color: $bg-gray;\n }\n }\n\n img {\n background-color: transparent;\n }\n }\n}\n","// Need to target base styles\n// stylelint-disable selector-max-compound-selectors, selector-no-qualifying-type\n// stylelint-disable selector-max-type\n.markdown-body {\n // Images & Stuff\n img {\n max-width: 100%;\n // because we put padding on the images to hide header lines, and some people\n // specify the width of their images in their markdown.\n box-sizing: content-box;\n background-color: $bg-white;\n\n &[align=right] {\n // stylelint-disable-next-line primer/spacing\n padding-left: 20px;\n }\n\n &[align=left] {\n // stylelint-disable-next-line primer/spacing\n padding-right: 20px;\n }\n }\n\n .emoji {\n max-width: none;\n vertical-align: text-top;\n // Override `` styles so Emjois don't clash with zebra striping in our tables\n background-color: transparent;\n }\n\n // Gollum Image Tags\n\n // Framed\n span.frame {\n display: block;\n overflow: hidden;\n\n > span {\n display: block;\n float: left;\n width: auto;\n // stylelint-disable-next-line primer/spacing\n padding: 7px;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n // stylelint-disable-next-line primer/borders\n border: $border-width $border-style lighten($gray-300, 5%);\n }\n\n span img {\n display: block;\n float: left;\n }\n\n span span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n padding: 5px 0 0;\n clear: both;\n color: $text-gray-dark;\n }\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: center;\n }\n\n span img {\n margin: 0 auto;\n text-align: center;\n }\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n overflow: hidden;\n text-align: right;\n }\n\n span img {\n margin: 0;\n text-align: right;\n }\n }\n\n span.float-left {\n display: block;\n float: left;\n // stylelint-disable-next-line primer/spacing\n margin-right: 13px;\n overflow: hidden;\n\n span {\n // stylelint-disable-next-line primer/spacing\n margin: 13px 0 0;\n }\n }\n\n span.float-right {\n display: block;\n float: right;\n // stylelint-disable-next-line primer/spacing\n margin-left: 13px;\n overflow: hidden;\n\n > span {\n display: block;\n // stylelint-disable-next-line primer/spacing\n margin: 13px auto 0;\n overflow: hidden;\n text-align: right;\n }\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body {\n // Inline code snippets\n code,\n tt {\n // stylelint-disable-next-line primer/spacing\n padding: 0.2em 0.4em;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/colors\n background-color: rgba($black, 0.05);\n border-radius: $border-radius;\n\n br { display: none; }\n }\n\n del code { text-decoration: inherit; }\n\n pre {\n word-wrap: normal;\n\n // Code tags within code blocks (
s)\n > code {\n padding: 0;\n margin: 0;\n // stylelint-disable-next-line primer/typography\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n }\n\n .highlight {\n margin-bottom: $spacer-3;\n\n pre {\n margin-bottom: 0;\n word-break: normal;\n }\n }\n\n .highlight pre,\n pre {\n padding: $spacer-3;\n overflow: auto;\n // stylelint-disable-next-line primer/typography\n font-size: 85%;\n // stylelint-disable-next-line primer/typography\n line-height: 1.45;\n background-color: $bg-gray;\n border-radius: $border-radius;\n }\n\n pre code,\n pre tt {\n display: inline;\n max-width: auto;\n padding: 0;\n margin: 0;\n overflow: visible;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n}\n","// stylelint-disable selector-max-type\n.markdown-body .csv-data {\n td,\n th {\n // stylelint-disable-next-line primer/spacing\n padding: 5px;\n overflow: hidden;\n font-size: $font-size-small;\n line-height: $lh-condensed-ultra;\n text-align: left;\n white-space: nowrap;\n }\n\n .blob-num {\n // stylelint-disable-next-line primer/spacing\n padding: 10px $spacer-2 9px;\n text-align: right;\n background: $bg-white;\n border: 0;\n }\n\n tr { border-top: 0; }\n\n th {\n font-weight: $font-weight-bold;\n background: $bg-gray;\n border-top: 0;\n }\n}\n","// Layout\n// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, comment-empty-line-before\n\n// Loop through the breakpoint values\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n @each $position in $responsive-positions {\n .position#{$variant}-#{$position} {\n position: $position !important;\n }\n }\n }\n}\n\n/* Set top 0 */\n.top-0 { top: 0 !important; }\n/* Set right 0 */\n.right-0 { right: 0 !important; }\n/* Set bottom 0 */\n.bottom-0 { bottom: 0 !important; }\n/* Set left 0 */\n.left-0 { left: 0 !important; }\n\n/* Vertical align middle */\n.v-align-middle { vertical-align: middle !important; }\n/* Vertical align top */\n.v-align-top { vertical-align: top !important; }\n/* Vertical align bottom */\n.v-align-bottom { vertical-align: bottom !important; }\n/* Vertical align to the top of the text */\n.v-align-text-top { vertical-align: text-top !important; }\n/* Vertical align to the bottom of the text */\n.v-align-text-bottom { vertical-align: text-bottom !important; }\n/* Vertical align to the parent's baseline */\n.v-align-baseline { vertical-align: baseline !important; }\n\n// Overflow utilities\n@each $overflow in (visible, hidden, auto, scroll) {\n .overflow-#{$overflow} { overflow: $overflow !important; }\n .overflow-x-#{$overflow} { overflow-x: $overflow !important; }\n .overflow-y-#{$overflow} { overflow-y: $overflow !important; }\n}\n\n// Clear floats\n/* Clear floats around the element */\n.clearfix {\n @include clearfix;\n}\n\n// Floats\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n /* Float to the left */\n .float#{$variant}-left { float: left !important; }\n /* Float to the right */\n .float#{$variant}-right { float: right !important; }\n /* No float */\n .float#{$variant}-none { float: none !important; }\n }\n}\n\n// Width and height utilities, helpful in combination\n// with display-table utilities and images\n/* Max width 100% */\n.width-fit { max-width: 100% !important; }\n/* Set the width to 100% */\n.width-full { width: 100% !important; }\n/* Max height 100% */\n.height-fit { max-height: 100% !important; }\n/* Set the height to 100% */\n.height-full { height: 100% !important; }\n\n/* Remove min-width from element */\n.min-width-0 { min-width: 0 !important; }\n\n@each $breakpoint, $variant in $responsive-variants {\n @include breakpoint($breakpoint) {\n\n // Auto varients\n .width#{$variant}-auto { width: auto !important; }\n\n /* Set the direction to rtl */\n .direction#{$variant}-rtl { direction: rtl !important; }\n /* Set the direction to ltr */\n .direction#{$variant}-ltr { direction: ltr !important; }\n }\n}\n","header {\r\n .header {\r\n padding: 1.75rem 1.5rem 2rem 1.5rem;\r\n }\r\n\r\n .title-main {\r\n font-size: 2.5rem;\r\n font-family: 'Product Sans', -apple-system, BlinkMacSystemFont, monospace;\r\n font-weight: 700;\r\n white-space: nowrap;\r\n }\r\n\r\n .title-sub {\r\n margin: 0 0.1rem;\r\n display: block;\r\n white-space: nowrap;\r\n\r\n &::-webkit-scrollbar {\r\n display: none; // WebKit\r\n }\r\n\r\n scrollbar-width: none; // Firefox\r\n -ms-overflow-style: none; // Microsoft\r\n }\r\n}\r\n",".content {\r\n padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar\r\n}\r\n\r\n.post {\r\n // paddings between posts\r\n &:not(:first-child) {\r\n padding: 1.5rem 0;\r\n }\r\n\r\n &:first-child {\r\n padding: 0 0 1.5rem 0;\r\n }\r\n}\r\n\r\n.post-title {\r\n font-size: $font-size-1;\r\n}\r\n\r\n.post-meta {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 1rem 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.post-summary {\r\n margin: 0 0.1rem; // little space\r\n\r\n p:last-child {\r\n margin-bottom: 0; // remove margin-bottom of last para in summary\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n display: none; // hide h1-h6 in post summary\r\n }\r\n}\r\n\r\n.post-meta-archive {\r\n display: flex;\r\n align-items: center;\r\n margin: 0.5rem 0.1rem 0 0.1rem; // little space\r\n flex-wrap: wrap;\r\n\r\n span:not(:last-child) {\r\n padding-right: 1.5rem;\r\n }\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n line-height: 1.25rem;\r\n padding: 1.25rem 0;\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 2rem;\r\n height: 2rem;\r\n\r\n a {\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n}\r\n\r\n.page-info {\r\n padding: 0 0.1rem 1.5rem 0.1rem;\r\n}\r\n\r\n// single page part\r\narticle {\r\n padding-bottom: 1.5rem;\r\n\r\n .post-content {\r\n margin: 1.25rem 0.1rem 0 0.1rem;\r\n }\r\n}\r\n\r\n.license {\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.post-loading {\r\n margin: 0 0 1.5rem 0;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 1.25rem;\r\n }\r\n\r\n p {\r\n margin: 0.5rem 0 0 0;\r\n }\r\n}\r\n\r\n.markdown-body {\r\n h1 {\r\n font-size: $font-size-1;\r\n margin-top: 1.5rem;\r\n }\r\n\r\n h2 {\r\n font-size: $font-size-2;\r\n margin-top: 1.375rem;\r\n }\r\n\r\n h3 {\r\n font-size: $font-size-3;\r\n margin-top: 1.25rem;\r\n }\r\n\r\n h4 {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n ul {\r\n list-style-type: circle;\r\n }\r\n\r\n img {\r\n max-width: 98%;\r\n margin: 0 0.25rem 0.5rem 0.25rem;\r\n }\r\n}\r\n\r\n.post-comment {\r\n span.post-comment-notloaded {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n}\r\n\r\n#disqus_thread {\r\n padding: 1.25rem 0;\r\n}\r\n",".sidebar {\r\n padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen\r\n}\r\n\r\n.sidebar-item {\r\n &:not(:last-child) {\r\n margin-bottom: 1rem; // space betreen sidebar items\r\n }\r\n\r\n h3 {\r\n margin-bottom: 0.25rem; // space betreen head3 & lists\r\n }\r\n\r\n ul {\r\n list-style-type: none;\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > div,\r\n & > nav {\r\n margin: 0 0.1rem; // little space\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 100%;\r\n border-radius: 2px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n padding: 1.5rem;\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n }\r\n\r\n .sidebar-item {\r\n width: 40%; // max 2 modules per line\r\n\r\n // space only at first 2 modules\r\n .sidebar-pages,\r\n .sidebar-tags {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .sidebar-links,\r\n .sidebar-bgm {\r\n margin-bottom: 0;\r\n }\r\n\r\n & > img {\r\n margin: 0.5rem 0.25rem 0 0.25rem;\r\n width: 75%;\r\n border-radius: 0.25rem;\r\n }\r\n }\r\n}\r\n\r\n// single page part\r\n.sidebar-toc {\r\n ul ul {\r\n font-size: 0.875rem;\r\n padding-left: 0.5rem;\r\n margin-bottom: 0.25rem;\r\n }\r\n}\r\n","footer {\r\n .footer {\r\n padding: 2rem 1.5rem;\r\n text-align: center;\r\n\r\n i {\r\n font-size: 0.875rem;\r\n }\r\n }\r\n}\r\n",".btn {\r\n position: fixed;\r\n right: 1.5rem;\r\n bottom: 1.5rem;\r\n width: 2.5rem;\r\n height: 5rem;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n\r\n div {\r\n flex: 0 1 auto;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n\r\n &:first-child {\r\n border-radius: 0.25rem 0.25rem 0 0;\r\n font-size: 1.25rem;\r\n }\r\n\r\n &:last-child {\r\n border-radius: 0 0 0.25rem 0.25rem;\r\n font-size: 1.5rem;\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n margin: 0 0.125rem 1.25rem 0.125rem;\r\n font-family: inherit;\r\n}\r\n","@mixin light {\r\n --color-mode: 'light';\r\n --color-primary: #{$light-color-primary};\r\n --color-secondary: #{$light-color-secondary};\r\n --color-focus: #{$light-color-focus};\r\n --color-mute: #{$light-color-mute};\r\n --color-font: #{$light-color-font};\r\n --color-divider: #{$light-color-divider};\r\n --color-bg: #{$light-color-bg};\r\n --color-codebg: #{$light-color-codebg};\r\n}\r\n\r\n@mixin dark {\r\n --color-mode: 'dark';\r\n --color-primary: #{$dark-color-primary};\r\n --color-secondary: #{$dark-color-secondary};\r\n --color-focus: #{$dark-color-focus};\r\n --color-mute: #{$dark-color-mute};\r\n --color-font: #{$dark-color-font};\r\n --color-divider: #{$dark-color-divider};\r\n --color-bg: #{$dark-color-bg};\r\n --color-codebg: #{$dark-color-codebg};\r\n}\r\n\r\nbody[data-theme='auto'] {\r\n @include light();\r\n\r\n @media (prefers-color-scheme: dark) {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n }\r\n}\r\n\r\nbody[data-theme='light'] {\r\n @include light();\r\n}\r\n\r\nbody[data-theme='dark'] {\r\n @include dark();\r\n @import '_dark-diff'; // things different from light\r\n}\r\n\r\n@mixin link-1 {\r\n a {\r\n color: var(--color-primary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-secondary);\r\n }\r\n}\r\n\r\n@mixin link-2 {\r\n a {\r\n color: var(--color-secondary);\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus);\r\n }\r\n}\r\n\r\n$divider: 2px solid var(--color-divider);\r\n","img {\r\n filter: brightness(60%);\r\n}\r\n\r\ntable {\r\n th,\r\n td {\r\n border-color: var(--color-font);\r\n }\r\n\r\n tr {\r\n background-color: var(--color-bg);\r\n border-color: var(--color-font);\r\n\r\n &:nth-child(2n) {\r\n background-color: var(--color-divider);\r\n }\r\n }\r\n}\r\n\r\n#post-aplayer {\r\n background-color: var(--color-divider);\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-music .aplayer-author {\r\n color: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {\r\n fill: var(--color-font) !important;\r\n}\r\n\r\n.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {\r\n fill: var(--color-focus) !important;\r\n}\r\n","::selection,\r\n::-moz-selection {\r\n color: var(--color-bg);\r\n background-color: var(--color-primary);\r\n}\r\n\r\nbody {\r\n background-color: var(--color-bg);\r\n color: var(--color-font);\r\n\r\n @include link-1();\r\n}\r\n\r\n.post-summary,\r\n.post-meta {\r\n @include link-2();\r\n}\r\n\r\n.pag-current a,\r\n.pag-current a:hover {\r\n color: var(--color-focus);\r\n}\r\n\r\n.title-sub,\r\n.post-meta {\r\n color: var(--color-mute);\r\n}\r\n\r\nheader,\r\n.page-info {\r\n border-bottom: $divider;\r\n}\r\n\r\n.post + .post,\r\n.pagination,\r\nfooter {\r\n border-top: $divider;\r\n}\r\n\r\n.post-meta-archive {\r\n @include link-2();\r\n\r\n color: var(--color-mute);\r\n}\r\n\r\n@media screen and (max-width: $width-md) {\r\n .sidebar {\r\n border-top: $divider;\r\n }\r\n}\r\n\r\n// single page part\r\n.post-content {\r\n @include link-2();\r\n}\r\n\r\n.markdown-body {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n strong,\r\n em {\r\n color: var(--color-primary);\r\n }\r\n\r\n h1,\r\n h2 {\r\n border-bottom: $divider;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-mute);\r\n }\r\n\r\n img {\r\n border-radius: 2px;\r\n background-color: inherit; // fix white pixels under border-radius\r\n }\r\n\r\n hr {\r\n height: 2px;\r\n }\r\n\r\n pre,\r\n code {\r\n background-color: var(--color-codebg);\r\n }\r\n}\r\n\r\n.post-loading {\r\n border-top: $divider;\r\n}\r\n\r\n.post-comment {\r\n border-top: $divider;\r\n\r\n span.post-comment-notloaded {\r\n padding: 1.5rem 0;\r\n color: var(--color-secondary);\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: var(--color-focus);\r\n }\r\n }\r\n}\r\n\r\n// components\r\n.btn {\r\n div {\r\n background-color: var(--color-divider);\r\n\r\n color: var(--color-primary);\r\n }\r\n\r\n div:hover {\r\n background-color: var(--color-primary);\r\n color: var(--color-divider);\r\n }\r\n\r\n div + div {\r\n border-top: 2px solid var(--color-bg);\r\n }\r\n}\r\n\r\n// prism.js theme [solarized-light]\r\n\r\ncode[class*='language-'],\r\npre[class*='language-'] {\r\n -moz-tab-size: 4;\r\n -o-tab-size: 4;\r\n tab-size: 4;\r\n}\r\n\r\n.token.comment,\r\n.token.prolog,\r\n.token.doctype,\r\n.token.cdata {\r\n color: #93a1a1; /* base1 */\r\n}\r\n\r\n.token.punctuation {\r\n color: #586e75; /* base01 */\r\n}\r\n\r\n.token.namespace {\r\n opacity: 0.7;\r\n}\r\n\r\n.token.property,\r\n.token.tag,\r\n.token.boolean,\r\n.token.number,\r\n.token.constant,\r\n.token.symbol,\r\n.token.deleted {\r\n color: #268bd2; /* blue */\r\n}\r\n\r\n.token.selector,\r\n.token.attr-name,\r\n.token.string,\r\n.token.char,\r\n.token.builtin,\r\n.token.url,\r\n.token.inserted {\r\n color: #2aa198; /* cyan */\r\n}\r\n\r\n.token.entity {\r\n color: #657b83; /* base00 */\r\n background: #eee8d5; /* base2 */\r\n}\r\n\r\n.token.atrule,\r\n.token.attr-value,\r\n.token.keyword {\r\n color: #859900; /* green */\r\n}\r\n\r\n.token.function,\r\n.token.class-name {\r\n color: #b58900; /* yellow */\r\n}\r\n\r\n.token.regex,\r\n.token.important,\r\n.token.variable {\r\n color: #cb4b16; /* orange */\r\n}\r\n\r\n.token.important,\r\n.token.bold {\r\n font-weight: 600;\r\n}\r\n.token.italic {\r\n font-style: italic;\r\n}\r\n\r\n// fix conflicts of primer css & prism.js style\r\npre,\r\ncode {\r\n .rule {\r\n margin: 0;\r\n border-bottom: none;\r\n overflow: inherit;\r\n\r\n &::before,\r\n &::after {\r\n display: inherit;\r\n clear: inherit;\r\n }\r\n }\r\n}\r\n\r\n// disqus js styles\r\n\r\n#dsqjs {\r\n a {\r\n text-decoration: none !important;\r\n color: var(--color-secondary) !important;\r\n }\r\n\r\n a:hover {\r\n color: var(--color-focus) !important;\r\n }\r\n\r\n .dsqjs-bullet::after {\r\n color: var(--color-mute) !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n .dsqjs-no-comment {\r\n color: var(--color-font) !important;\r\n }\r\n\r\n .dsqjs-nav-tab {\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-tab-active {\r\n color: var(--color-font) !important;\r\n\r\n & > span:after {\r\n background-color: var(--color-secondary) !important;\r\n }\r\n }\r\n\r\n .dsqjs-post-list {\r\n .dsqjs-post-avatar {\r\n background: var(--color-bg) !important;\r\n }\r\n\r\n .dsqjs-post-header {\r\n .dsqjs-post-author {\r\n color: var(--color-mute) !important;\r\n font-weight: 600;\r\n }\r\n\r\n .dsqjs-admin-badge {\r\n color: var(--color-font) !important;\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n .dsqjs-meta {\r\n color: var(--color-mute) !important;\r\n }\r\n }\r\n }\r\n\r\n .dsqjs-post-body {\r\n color: var(--color-font) !important;\r\n\r\n code,\r\n pre {\r\n background: var(--color-codebg) !important;\r\n }\r\n\r\n blockquote {\r\n color: var(--color-codebg) !important;\r\n border-left: 0.25em solid var(--color-divider) !important;\r\n }\r\n }\r\n\r\n .dsqjs-load-more {\r\n background: var(--color-mute) !important;\r\n color: var(--color-bg) !important;\r\n }\r\n\r\n footer {\r\n border-top: 2px solid var(--color-divider) !important;\r\n font-weight: 600 !important;\r\n color: var(--color-mute) !important;\r\n }\r\n\r\n .dsqjs-order-radio:checked + .dsqjs-order-label {\r\n color: var(--color-font) !important;\r\n background-color: var(--color-divider) !important;\r\n }\r\n\r\n .dsqjs-order-label {\r\n background-color: var(--color-bg) !important;\r\n }\r\n\r\n p.dsqjs-has-more a.dsqjs-has-more-btn {\r\n color: var(--color-mute) !important;\r\n }\r\n}\r\n"]} \ No newline at end of file -- cgit v1.2.3