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