1
+ .md-grid {
2
+ max-width : 1366px ;
3
+ }
4
+ .md-typeset figure > p + figcaption {
5
+ margin-top : -1.2rem ;
6
+ }
7
+ .md-typeset .twitter {
8
+ color : # 00acee ;
9
+ }
10
+ .md-typeset .mdx-video {
11
+ width : auto;
12
+ }
13
+ .md-typeset .mdx-video__inner {
14
+ position : relative;
15
+ width : 100% ;
16
+ height : 0 ;
17
+ padding-bottom : 56.138% ;
18
+ }
19
+ .md-typeset .mdx-video iframe {
20
+ position : absolute;
21
+ top : 0 ;
22
+ left : 0 ;
23
+ width : 100% ;
24
+ height : 100% ;
25
+ overflow : hidden;
26
+ border : none;
27
+ }
28
+ .md-typeset .mdx-switch button {
29
+ cursor : pointer;
30
+ transition : opacity 0.25s ;
31
+ }
32
+ .md-typeset .mdx-switch button : focus ,
33
+ .md-typeset .mdx-switch button : hover {
34
+ opacity : 0.75 ;
35
+ }
36
+ .md-typeset .mdx-switch button > code {
37
+ display : block;
38
+ color : var (--md-primary-bg-color );
39
+ background-color : var (--md-primary-fg-color );
40
+ }
41
+ .md-typeset .mdx-columns ol ,
42
+ .md-typeset .mdx-columns ul {
43
+ -moz-column-count : 2 ;
44
+ column-count : 2 ;
45
+ }
46
+ @media screen and (max-width : 29.9375em ) {
47
+ .md-typeset .mdx-columns ol ,
48
+ .md-typeset .mdx-columns ul {
49
+ -moz-columns : initial;
50
+ columns : initial;
51
+ }
52
+ }
53
+ .md-typeset .mdx-columns li {
54
+ -moz-column-break-inside : avoid;
55
+ break-inside : avoid;
56
+ }
57
+ .md-announce a ,
58
+ .md-announce a : focus ,
59
+ .md-announce a : hover {
60
+ color : currentColor;
61
+ }
62
+ .md-announce strong {
63
+ white-space : nowrap;
64
+ }
65
+ .md-announce .twitter {
66
+ margin-left : 0.2em ;
67
+ }
68
+ .mdx-container {
69
+ padding-top : 1rem ;
70
+ background : url ("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>" )
71
+ no-repeat bottom,
72
+ linear-gradient (
73
+ 180deg ,
74
+ var (--md-primary-fg-color ),
75
+ # 00a19a 99% ,
76
+ var (--md-default-bg-color ) 0
77
+ );
78
+ }
79
+ [data-md-color-scheme = 'slate' ] .mdx-container {
80
+ background : url ("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(230, 15%, 21%, 1)' /></svg>" )
81
+ no-repeat bottom,
82
+ linear-gradient (
83
+ 180deg ,
84
+ var (--md-primary-fg-color ),
85
+ # 004946 99% ,
86
+ var (--md-default-bg-color ) 0
87
+ );
88
+ }
89
+ .mdx-hero {
90
+ margin : 0 0.8rem ;
91
+ color : var (--md-primary-bg-color );
92
+ }
93
+ .mdx-hero h1 {
94
+ margin-bottom : 1rem ;
95
+ color : currentColor;
96
+ font-weight : 700 ;
97
+ }
98
+ @media screen and (max-width : 29.9375em ) {
99
+ .mdx-hero h1 {
100
+ font-size : 1.4rem ;
101
+ }
102
+ }
103
+ .mdx-hero__content {
104
+ padding-bottom : 6rem ;
105
+ }
106
+ @media screen and (min-width : 60em ) {
107
+ .mdx-hero {
108
+ display : flex;
109
+ align-items : stretch;
110
+ }
111
+ .mdx-hero__content {
112
+ max-width : 19rem ;
113
+ margin-top : 3.5rem ;
114
+ padding-bottom : 14vw ;
115
+ }
116
+ .mdx-hero__image {
117
+ order : 1 ;
118
+ width : 38rem ;
119
+ transform : translateX (4rem );
120
+ }
121
+ }
122
+ @media screen and (min-width : 76.25em ) {
123
+ .mdx-hero__image {
124
+ transform : translateX (8rem );
125
+ }
126
+ }
127
+ .mdx-hero .md-button {
128
+ margin-top : 0.5rem ;
129
+ margin-right : 0.5rem ;
130
+ color : white;
131
+ }
132
+ .mdx-hero .md-button : focus ,
133
+ .mdx-hero .md-button : hover {
134
+ color : var (--md-default-bg-color );
135
+ background-color : var (--md-accent-fg-color );
136
+ border-color : var (--md-accent-fg-color );
137
+ }
138
+ .mdx-hero .md-button--primary {
139
+ color : # 60aca7 ;
140
+ background-color : white;
141
+ border-color : white;
142
+ }
143
+ .md-typeset .mdx-iconsearch {
144
+ position : relative;
145
+ background-color : var (--md-default-bg-color );
146
+ border-radius : 0.1rem ;
147
+ box-shadow : 0 0.2rem 0.5rem rgba (0 , 0 , 0 , 0.1 ),
148
+ 0 0.025rem 0.05rem rgba (0 , 0 , 0 , 0.1 );
149
+ transition : box-shadow 125ms ;
150
+ }
151
+ .md-typeset .mdx-iconsearch : focus-within ,
152
+ .md-typeset .mdx-iconsearch : hover {
153
+ box-shadow : 0 0.4rem 1rem rgba (0 , 0 , 0 , 0.15 ),
154
+ 0 0.025rem 0.05rem rgba (0 , 0 , 0 , 0.15 );
155
+ }
156
+ .md-typeset .mdx-iconsearch .md-input {
157
+ background : var (--md-default-bg-color );
158
+ box-shadow : 0 0 0.6rem rgba (0 , 0 , 0 , 0.07 );
159
+ }
160
+ [data-md-color-scheme = 'slate' ] .md-typeset .mdx-iconsearch .md-input {
161
+ background : var (--md-code-bg-color );
162
+ }
163
+ .md-typeset .mdx-iconsearch-result {
164
+ max-height : 50vh ;
165
+ overflow-y : auto;
166
+ -webkit-backface-visibility : hidden;
167
+ backface-visibility : hidden;
168
+ touch-action : pan-y;
169
+ scrollbar-width : thin;
170
+ scrollbar-color : var (--md-default-fg-color--lighter ) transparent;
171
+ }
172
+ .md-typeset .mdx-iconsearch-result ::-webkit-scrollbar {
173
+ width : 0.2rem ;
174
+ height : 0.2rem ;
175
+ }
176
+ .md-typeset .mdx-iconsearch-result ::-webkit-scrollbar-thumb {
177
+ background-color : var (--md-default-fg-color--lighter );
178
+ }
179
+ .md-typeset .mdx-iconsearch-result ::-webkit-scrollbar-thumb : hover {
180
+ background-color : var (--md-accent-fg-color );
181
+ }
182
+ .md-typeset .mdx-iconsearch-result__meta {
183
+ position : absolute;
184
+ top : 0.4rem ;
185
+ right : 0.6rem ;
186
+ color : var (--md-default-fg-color--lighter );
187
+ font-size : 0.64rem ;
188
+ }
189
+ .md-typeset .mdx-iconsearch-result__list {
190
+ margin : 0 ;
191
+ padding : 0 ;
192
+ list-style : none;
193
+ }
194
+ .md-typeset .mdx-iconsearch-result__item {
195
+ margin : 0 ;
196
+ padding : 0.2rem 0.6rem ;
197
+ border-bottom : 0.05rem solid var (--md-default-fg-color--lightest );
198
+ }
199
+ .md-typeset .mdx-iconsearch-result__item : last-child {
200
+ border-bottom : none;
201
+ }
202
+ .md-typeset .mdx-iconsearch-result__item > * {
203
+ margin-right : 0.6rem ;
204
+ }
205
+ .md-typeset .mdx-iconsearch-result__item img {
206
+ width : 0.9rem ;
207
+ height : 0.9rem ;
208
+ }
209
+ [data-md-color-scheme = 'slate' ]
210
+ .md-typeset
211
+ .mdx-iconsearch-result__item
212
+ img [src *= 'squidfunk' ] {
213
+ -webkit-filter : invert (1 );
214
+ filter : invert (1 );
215
+ }
216
+
217
+ /* Overflow Texts Truncation */
218
+ .md-nav__link {
219
+ white-space : nowrap;
220
+ }
221
+
0 commit comments