typography.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866
  1. @font-face {
  2. font-family:Space Grotesk;
  3. font-style:normal;
  4. font-weight:300 700;
  5. font-display:swap;
  6. src:url(../fonts/62328fecf9e80426-s.woff2) format("woff2");
  7. unicode-range:u+0102-0103,
  8. u+0110-0111,
  9. u+0128-0129,
  10. u+0168-0169,
  11. u+01a0-01a1,
  12. u+01af-01b0,
  13. u+0300-0301,
  14. u+0303-0304,
  15. u+0308-0309,
  16. u+0323,
  17. u+0329,
  18. u+1ea0-1ef9,
  19. u+20ab
  20. }
  21. @font-face {
  22. font-family:Space Grotesk;
  23. font-style:normal;
  24. font-weight:300 700;
  25. font-display:swap;
  26. src:url(../fonts/c7eb187887c48af6-s.woff2) format("woff2");
  27. unicode-range:u+0100-02ba,
  28. u+02bd-02c5,
  29. u+02c7-02cc,
  30. u+02ce-02d7,
  31. u+02dd-02ff,
  32. u+0304,
  33. u+0308,
  34. u+0329,
  35. u+1d00-1dbf,
  36. u+1e00-1e9f,
  37. u+1ef2-1eff,
  38. u+2020,
  39. u+20a0-20ab,
  40. u+20ad-20c0,
  41. u+2113,
  42. u+2c60-2c7f,
  43. u+a720-a7ff
  44. }
  45. @font-face {
  46. font-family:Space Grotesk;
  47. font-style:normal;
  48. font-weight:300 700;
  49. font-display:swap;
  50. src:url(../fonts/2d141e1a38819612-s.p.woff2) format("woff2");
  51. unicode-range:u+00??,
  52. u+0131,
  53. u+0152-0153,
  54. u+02bb-02bc,
  55. u+02c6,
  56. u+02da,
  57. u+02dc,
  58. u+0304,
  59. u+0308,
  60. u+0329,
  61. u+2000-206f,
  62. u+20ac,
  63. u+2122,
  64. u+2191,
  65. u+2193,
  66. u+2212,
  67. u+2215,
  68. u+feff,
  69. u+fffd
  70. }
  71. @font-face {
  72. font-family:Space Grotesk Fallback;
  73. src:local("Arial");
  74. ascent-override:89.71%;
  75. descent-override:26.62%;
  76. line-gap-override:0.00%;
  77. size-adjust:109.69%
  78. }
  79. .__className_space {
  80. font-family:Space Grotesk,Space Grotesk Fallback;
  81. font-style:normal
  82. }
  83. .__variable_space {
  84. --font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"
  85. }
  86. :root {
  87. --docsearch-primary-color:#5468ff;
  88. --docsearch-text-color:#1c1e21;
  89. --docsearch-spacing:12px;
  90. --docsearch-icon-stroke-width:1.4;
  91. --docsearch-highlight-color:var(--docsearch-primary-color);
  92. --docsearch-muted-color:#969faf;
  93. --docsearch-container-background:rgba(101,108,133,.8);
  94. --docsearch-logo-color:#5468ff;
  95. --docsearch-modal-width:560px;
  96. --docsearch-modal-height:600px;
  97. --docsearch-modal-background:#f5f6f7;
  98. --docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;
  99. --docsearch-searchbox-height:56px;
  100. --docsearch-searchbox-background:#ebedf0;
  101. --docsearch-searchbox-focus-background:#fff;
  102. --docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);
  103. --docsearch-hit-height:56px;
  104. --docsearch-hit-color:#444950;
  105. --docsearch-hit-active-color:#fff;
  106. --docsearch-hit-background:#fff;
  107. --docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;
  108. --docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);
  109. --docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);
  110. --docsearch-footer-height:44px;
  111. --docsearch-footer-background:#fff;
  112. --docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)
  113. }
  114. html[data-theme=dark] {
  115. --docsearch-text-color:#f5f6f7;
  116. --docsearch-container-background:rgba(9,10,17,.8);
  117. --docsearch-modal-background:#15172a;
  118. --docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;
  119. --docsearch-searchbox-background:#090a11;
  120. --docsearch-searchbox-focus-background:#000;
  121. --docsearch-hit-color:#bec3c9;
  122. --docsearch-hit-shadow:none;
  123. --docsearch-hit-background:#090a11;
  124. --docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);
  125. --docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);
  126. --docsearch-footer-background:#1e2136;
  127. --docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);
  128. --docsearch-logo-color:#fff;
  129. --docsearch-muted-color:#7f8497
  130. }
  131. .DocSearch-Button {
  132. align-items:center;
  133. background:var(--docsearch-searchbox-background);
  134. border:0;
  135. border-radius:40px;
  136. color:var(--docsearch-muted-color);
  137. cursor:pointer;
  138. display:flex;
  139. font-weight:500;
  140. height:36px;
  141. justify-content:space-between;
  142. margin:0 0 0 16px;
  143. padding:0 8px;
  144. -webkit-user-select:none;
  145. -moz-user-select:none;
  146. user-select:none
  147. }
  148. .DocSearch-Button:active,
  149. .DocSearch-Button:focus,
  150. .DocSearch-Button:hover {
  151. background:var(--docsearch-searchbox-focus-background);
  152. box-shadow:var(--docsearch-searchbox-shadow);
  153. color:var(--docsearch-text-color);
  154. outline:none
  155. }
  156. .DocSearch-Button-Container {
  157. align-items:center;
  158. display:flex
  159. }
  160. .DocSearch-Search-Icon {
  161. stroke-width:1.6
  162. }
  163. .DocSearch-Button .DocSearch-Search-Icon {
  164. color:var(--docsearch-text-color)
  165. }
  166. .DocSearch-Button-Placeholder {
  167. font-size:1rem;
  168. padding:0 12px 0 6px
  169. }
  170. .DocSearch-Button-Keys {
  171. display:flex;
  172. min-width:calc(40px + .8em)
  173. }
  174. .DocSearch-Button-Key {
  175. align-items:center;
  176. background:var(--docsearch-key-gradient);
  177. border-radius:3px;
  178. box-shadow:var(--docsearch-key-shadow);
  179. color:var(--docsearch-muted-color);
  180. display:flex;
  181. height:18px;
  182. justify-content:center;
  183. margin-right:.4em;
  184. position:relative;
  185. padding:0 0 2px;
  186. border:0;
  187. top:-1px;
  188. width:20px
  189. }
  190. @media (max-width:768px) {
  191. .DocSearch-Button-Keys,
  192. .DocSearch-Button-Placeholder {
  193. display:none
  194. }
  195. }
  196. .DocSearch--active {
  197. overflow:hidden!important
  198. }
  199. .DocSearch-Container,
  200. .DocSearch-Container * {
  201. box-sizing:border-box
  202. }
  203. .DocSearch-Container {
  204. background-color:var(--docsearch-container-background);
  205. height:100vh;
  206. left:0;
  207. position:fixed;
  208. top:0;
  209. width:100vw;
  210. z-index:200
  211. }
  212. .DocSearch-Container a {
  213. text-decoration:none
  214. }
  215. .DocSearch-Link {
  216. -webkit-appearance:none;
  217. -moz-appearance:none;
  218. appearance:none;
  219. background:none;
  220. border:0;
  221. color:var(--docsearch-highlight-color);
  222. cursor:pointer;
  223. font:inherit;
  224. margin:0;
  225. padding:0
  226. }
  227. .DocSearch-Modal {
  228. background:var(--docsearch-modal-background);
  229. border-radius:6px;
  230. box-shadow:var(--docsearch-modal-shadow);
  231. flex-direction:column;
  232. margin:60px auto auto;
  233. max-width:var(--docsearch-modal-width);
  234. position:relative
  235. }
  236. .DocSearch-SearchBar {
  237. display:flex;
  238. padding:var(--docsearch-spacing) var(--docsearch-spacing) 0
  239. }
  240. .DocSearch-Form {
  241. align-items:center;
  242. background:var(--docsearch-searchbox-focus-background);
  243. border-radius:4px;
  244. box-shadow:var(--docsearch-searchbox-shadow);
  245. display:flex;
  246. height:var(--docsearch-searchbox-height);
  247. margin:0;
  248. padding:0 var(--docsearch-spacing);
  249. position:relative;
  250. width:100%
  251. }
  252. .DocSearch-Input {
  253. -webkit-appearance:none;
  254. -moz-appearance:none;
  255. appearance:none;
  256. background:transparent;
  257. border:0;
  258. color:var(--docsearch-text-color);
  259. flex:1;
  260. font:inherit;
  261. font-size:1.2em;
  262. height:100%;
  263. outline:none;
  264. padding:0 0 0 8px;
  265. width:80%
  266. }
  267. .DocSearch-Input::-moz-placeholder {
  268. color:var(--docsearch-muted-color);
  269. opacity:1
  270. }
  271. .DocSearch-Input::placeholder {
  272. color:var(--docsearch-muted-color);
  273. opacity:1
  274. }
  275. .DocSearch-Input::-webkit-search-cancel-button,
  276. .DocSearch-Input::-webkit-search-decoration,
  277. .DocSearch-Input::-webkit-search-results-button,
  278. .DocSearch-Input::-webkit-search-results-decoration {
  279. display:none
  280. }
  281. .DocSearch-LoadingIndicator,
  282. .DocSearch-MagnifierLabel,
  283. .DocSearch-Reset {
  284. margin:0;
  285. padding:0
  286. }
  287. .DocSearch-MagnifierLabel,
  288. .DocSearch-Reset {
  289. align-items:center;
  290. color:var(--docsearch-highlight-color);
  291. display:flex;
  292. justify-content:center
  293. }
  294. .DocSearch-Container--Stalled .DocSearch-MagnifierLabel,
  295. .DocSearch-LoadingIndicator {
  296. display:none
  297. }
  298. .DocSearch-Container--Stalled .DocSearch-LoadingIndicator {
  299. align-items:center;
  300. color:var(--docsearch-highlight-color);
  301. display:flex;
  302. justify-content:center
  303. }
  304. @media screen and (prefers-reduced-motion:reduce) {
  305. .DocSearch-Reset {
  306. animation:none;
  307. -webkit-appearance:none;
  308. -moz-appearance:none;
  309. appearance:none;
  310. background:none;
  311. border:0;
  312. border-radius:50%;
  313. color:var(--docsearch-icon-color);
  314. cursor:pointer;
  315. right:0;
  316. stroke-width:var(--docsearch-icon-stroke-width)
  317. }
  318. }
  319. .DocSearch-Reset {
  320. animation:fade-in .1s ease-in forwards;
  321. -webkit-appearance:none;
  322. -moz-appearance:none;
  323. appearance:none;
  324. background:none;
  325. border:0;
  326. border-radius:50%;
  327. color:var(--docsearch-icon-color);
  328. cursor:pointer;
  329. padding:2px;
  330. right:0;
  331. stroke-width:var(--docsearch-icon-stroke-width)
  332. }
  333. .DocSearch-Reset[hidden] {
  334. display:none
  335. }
  336. .DocSearch-Reset:hover {
  337. color:var(--docsearch-highlight-color)
  338. }
  339. .DocSearch-LoadingIndicator svg,
  340. .DocSearch-MagnifierLabel svg {
  341. height:24px;
  342. width:24px
  343. }
  344. .DocSearch-Cancel {
  345. display:none
  346. }
  347. .DocSearch-Dropdown {
  348. max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));
  349. min-height:var(--docsearch-spacing);
  350. overflow-y:auto;
  351. overflow-y:overlay;
  352. padding:0 var(--docsearch-spacing);
  353. scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);
  354. scrollbar-width:thin
  355. }
  356. .DocSearch-Dropdown::-webkit-scrollbar {
  357. width:12px
  358. }
  359. .DocSearch-Dropdown::-webkit-scrollbar-track {
  360. background:transparent
  361. }
  362. .DocSearch-Dropdown::-webkit-scrollbar-thumb {
  363. background-color:var(--docsearch-muted-color);
  364. border:3px solid var(--docsearch-modal-background);
  365. border-radius:20px
  366. }
  367. .DocSearch-Dropdown ul {
  368. list-style:none;
  369. margin:0;
  370. padding:0
  371. }
  372. .DocSearch-Label {
  373. font-size:.75em;
  374. line-height:1.6em
  375. }
  376. .DocSearch-Help,
  377. .DocSearch-Label {
  378. color:var(--docsearch-muted-color)
  379. }
  380. .DocSearch-Help {
  381. font-size:.9em;
  382. margin:0;
  383. -webkit-user-select:none;
  384. -moz-user-select:none;
  385. user-select:none
  386. }
  387. .DocSearch-Title {
  388. font-size:1.2em
  389. }
  390. .DocSearch-Logo a {
  391. display:flex
  392. }
  393. .DocSearch-Logo svg {
  394. color:var(--docsearch-logo-color);
  395. margin-left:8px
  396. }
  397. .DocSearch-Hits:last-of-type {
  398. margin-bottom:24px
  399. }
  400. .DocSearch-Hits mark {
  401. background:none;
  402. color:var(--docsearch-highlight-color)
  403. }
  404. .DocSearch-HitsFooter {
  405. color:var(--docsearch-muted-color);
  406. display:flex;
  407. font-size:.85em;
  408. justify-content:center;
  409. margin-bottom:var(--docsearch-spacing);
  410. padding:var(--docsearch-spacing)
  411. }
  412. .DocSearch-HitsFooter a {
  413. border-bottom:1px solid;
  414. color:inherit
  415. }
  416. .DocSearch-Hit {
  417. border-radius:4px;
  418. display:flex;
  419. padding-bottom:4px;
  420. position:relative
  421. }
  422. @media screen and (prefers-reduced-motion:reduce) {
  423. .DocSearch-Hit--deleting {
  424. transition:none
  425. }
  426. }
  427. .DocSearch-Hit--deleting {
  428. opacity:0;
  429. transition:all .25s linear
  430. }
  431. @media screen and (prefers-reduced-motion:reduce) {
  432. .DocSearch-Hit--favoriting {
  433. transition:none
  434. }
  435. }
  436. .DocSearch-Hit--favoriting {
  437. transform:scale(0);
  438. transform-origin:top center;
  439. transition:all .25s linear;
  440. transition-delay:.25s
  441. }
  442. .DocSearch-Hit a {
  443. background:var(--docsearch-hit-background);
  444. border-radius:4px;
  445. box-shadow:var(--docsearch-hit-shadow);
  446. display:block;
  447. padding-left:var(--docsearch-spacing);
  448. width:100%
  449. }
  450. .DocSearch-Hit-source {
  451. background:var(--docsearch-modal-background);
  452. color:var(--docsearch-highlight-color);
  453. font-size:.85em;
  454. font-weight:600;
  455. line-height:32px;
  456. margin:0 -4px;
  457. padding:8px 4px 0;
  458. position:sticky;
  459. top:0;
  460. z-index:10
  461. }
  462. .DocSearch-Hit-Tree {
  463. color:var(--docsearch-muted-color);
  464. height:var(--docsearch-hit-height);
  465. opacity:.5;
  466. stroke-width:var(--docsearch-icon-stroke-width);
  467. width:24px
  468. }
  469. .DocSearch-Hit[aria-selected=true] a {
  470. background-color:var(--docsearch-highlight-color)
  471. }
  472. .DocSearch-Hit[aria-selected=true] mark {
  473. text-decoration:underline
  474. }
  475. .DocSearch-Hit-Container {
  476. align-items:center;
  477. color:var(--docsearch-hit-color);
  478. display:flex;
  479. flex-direction:row;
  480. height:var(--docsearch-hit-height);
  481. padding:0 var(--docsearch-spacing) 0 0
  482. }
  483. .DocSearch-Hit-icon {
  484. height:20px;
  485. width:20px
  486. }
  487. .DocSearch-Hit-action,
  488. .DocSearch-Hit-icon {
  489. color:var(--docsearch-muted-color);
  490. stroke-width:var(--docsearch-icon-stroke-width)
  491. }
  492. .DocSearch-Hit-action {
  493. align-items:center;
  494. display:flex;
  495. height:22px;
  496. width:22px
  497. }
  498. .DocSearch-Hit-action svg {
  499. display:block;
  500. height:18px;
  501. width:18px
  502. }
  503. .DocSearch-Hit-action+.DocSearch-Hit-action {
  504. margin-left:6px
  505. }
  506. .DocSearch-Hit-action-button {
  507. -webkit-appearance:none;
  508. -moz-appearance:none;
  509. appearance:none;
  510. background:none;
  511. border:0;
  512. border-radius:50%;
  513. color:inherit;
  514. cursor:pointer;
  515. padding:2px
  516. }
  517. svg.DocSearch-Hit-Select-Icon {
  518. display:none
  519. }
  520. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon {
  521. display:block
  522. }
  523. .DocSearch-Hit-action-button:focus,
  524. .DocSearch-Hit-action-button:hover {
  525. background:rgba(0,0,0,.2);
  526. transition:background-color .1s ease-in
  527. }
  528. @media screen and (prefers-reduced-motion:reduce) {
  529. .DocSearch-Hit-action-button:focus,
  530. .DocSearch-Hit-action-button:hover {
  531. transition:none
  532. }
  533. }
  534. .DocSearch-Hit-action-button:focus path,
  535. .DocSearch-Hit-action-button:hover path {
  536. fill:#fff
  537. }
  538. .DocSearch-Hit-content-wrapper {
  539. display:flex;
  540. flex:1 1 auto;
  541. flex-direction:column;
  542. font-weight:500;
  543. justify-content:center;
  544. line-height:1.2em;
  545. margin:0 8px;
  546. overflow-x:hidden;
  547. position:relative;
  548. text-overflow:ellipsis;
  549. white-space:nowrap;
  550. width:80%
  551. }
  552. .DocSearch-Hit-title {
  553. font-size:.9em
  554. }
  555. .DocSearch-Hit-path {
  556. color:var(--docsearch-muted-color);
  557. font-size:.75em
  558. }
  559. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,
  560. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,
  561. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,
  562. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,
  563. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,
  564. .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,
  565. .DocSearch-Hit[aria-selected=true] mark {
  566. color:var(--docsearch-hit-active-color)!important
  567. }
  568. @media screen and (prefers-reduced-motion:reduce) {
  569. .DocSearch-Hit-action-button:focus,
  570. .DocSearch-Hit-action-button:hover {
  571. background:rgba(0,0,0,.2);
  572. transition:none
  573. }
  574. }
  575. .DocSearch-ErrorScreen,
  576. .DocSearch-NoResults,
  577. .DocSearch-StartScreen {
  578. font-size:.9em;
  579. margin:0 auto;
  580. padding:36px 0;
  581. text-align:center;
  582. width:80%
  583. }
  584. .DocSearch-Screen-Icon {
  585. color:var(--docsearch-muted-color);
  586. padding-bottom:12px
  587. }
  588. .DocSearch-NoResults-Prefill-List {
  589. display:inline-block;
  590. padding-bottom:24px;
  591. text-align:left
  592. }
  593. .DocSearch-NoResults-Prefill-List ul {
  594. display:inline-block;
  595. padding:8px 0 0
  596. }
  597. .DocSearch-NoResults-Prefill-List li {
  598. list-style-position:inside;
  599. list-style-type:"» "
  600. }
  601. .DocSearch-Prefill {
  602. -webkit-appearance:none;
  603. -moz-appearance:none;
  604. appearance:none;
  605. background:none;
  606. border:0;
  607. border-radius:1em;
  608. color:var(--docsearch-highlight-color);
  609. cursor:pointer;
  610. display:inline-block;
  611. font-size:1em;
  612. font-weight:700;
  613. padding:0
  614. }
  615. .DocSearch-Prefill:focus,
  616. .DocSearch-Prefill:hover {
  617. outline:none;
  618. text-decoration:underline
  619. }
  620. .DocSearch-Footer {
  621. align-items:center;
  622. background:var(--docsearch-footer-background);
  623. border-radius:0 0 8px 8px;
  624. box-shadow:var(--docsearch-footer-shadow);
  625. display:flex;
  626. flex-direction:row-reverse;
  627. flex-shrink:0;
  628. height:var(--docsearch-footer-height);
  629. justify-content:space-between;
  630. padding:0 var(--docsearch-spacing);
  631. position:relative;
  632. -webkit-user-select:none;
  633. -moz-user-select:none;
  634. user-select:none;
  635. width:100%;
  636. z-index:300
  637. }
  638. .DocSearch-Commands {
  639. color:var(--docsearch-muted-color);
  640. display:flex;
  641. list-style:none;
  642. margin:0;
  643. padding:0
  644. }
  645. .DocSearch-Commands li {
  646. align-items:center;
  647. display:flex
  648. }
  649. .DocSearch-Commands li:not(:last-of-type) {
  650. margin-right:.8em
  651. }
  652. .DocSearch-Commands-Key {
  653. align-items:center;
  654. background:var(--docsearch-key-gradient);
  655. border-radius:2px;
  656. box-shadow:var(--docsearch-key-shadow);
  657. display:flex;
  658. height:18px;
  659. justify-content:center;
  660. margin-right:.4em;
  661. padding:0 0 1px;
  662. color:var(--docsearch-muted-color);
  663. border:0;
  664. width:20px
  665. }
  666. @media (max-width:768px) {
  667. :root {
  668. --docsearch-spacing:10px;
  669. --docsearch-footer-height:40px
  670. }
  671. .DocSearch-Dropdown {
  672. height:100%
  673. }
  674. .DocSearch-Container {
  675. height:100vh;
  676. height:-webkit-fill-available;
  677. height:calc(var(--docsearch-vh, 1vh) * 100);
  678. position:absolute
  679. }
  680. .DocSearch-Footer {
  681. border-radius:0;
  682. bottom:0;
  683. position:absolute
  684. }
  685. .DocSearch-Hit-content-wrapper {
  686. display:flex;
  687. position:relative;
  688. width:80%
  689. }
  690. .DocSearch-Modal {
  691. border-radius:0;
  692. box-shadow:none;
  693. height:100vh;
  694. height:-webkit-fill-available;
  695. height:calc(var(--docsearch-vh, 1vh) * 100);
  696. margin:0;
  697. max-width:100%;
  698. width:100%
  699. }
  700. .DocSearch-Dropdown {
  701. max-height:calc(var(--docsearch-vh, 1vh) * 100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))
  702. }
  703. .DocSearch-Cancel {
  704. -webkit-appearance:none;
  705. -moz-appearance:none;
  706. appearance:none;
  707. background:none;
  708. border:0;
  709. color:var(--docsearch-highlight-color);
  710. cursor:pointer;
  711. display:inline-block;
  712. flex:none;
  713. font:inherit;
  714. font-size:1em;
  715. font-weight:500;
  716. margin-left:var(--docsearch-spacing);
  717. outline:none;
  718. overflow:hidden;
  719. padding:0;
  720. -webkit-user-select:none;
  721. -moz-user-select:none;
  722. user-select:none;
  723. white-space:nowrap
  724. }
  725. .DocSearch-Commands,
  726. .DocSearch-Hit-Tree {
  727. display:none
  728. }
  729. }
  730. @keyframes fade-in {
  731. 0% {
  732. opacity:0
  733. }
  734. to {
  735. opacity:1
  736. }
  737. }
  738. .light .DocSearch {
  739. --docsearch-primary-color:#db2777;
  740. --docsearch-highlight-color:#db2777;
  741. --docsearch-searchbox-shadow:inset 0 0 0 2px #db2777;
  742. --docsearch-muted-color:#6b7280;
  743. --docsearch-container-background:rgba(156,163,175,.8);
  744. --docsearch-modal-background:#e5e7eb;
  745. --docsearch-searchbox-background:#f3f4f6;
  746. --docsearch-searchbox-focus-background:#f3f4f6;
  747. --docsearch-hit-color:#374151;
  748. --docsearch-hit-shadow:none;
  749. --docsearch-hit-active-color:#1f2937;
  750. --docsearch-hit-background:#f3f4f6;
  751. --docsearch-footer-background:#f3f4f6
  752. }
  753. .dark .DocSearch {
  754. --docsearch-primary-color:#db2777;
  755. --docsearch-highlight-color:#db2777;
  756. --docsearch-searchbox-shadow:inset 0 0 0 2px #db2777;
  757. --docsearch-text-color:#d1d5db;
  758. --docsearch-muted-color:#9ca3af;
  759. --docsearch-container-background:rgba(17,24,39,.8);
  760. --docsearch-modal-background:#111827;
  761. --docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;
  762. --docsearch-searchbox-background:#1f2937;
  763. --docsearch-searchbox-focus-background:#1f2937;
  764. --docsearch-hit-color:#e5e7eb;
  765. --docsearch-hit-shadow:none;
  766. --docsearch-hit-active-color:#f3f4f6;
  767. --docsearch-hit-background:#1f2937;
  768. --docsearch-footer-background:#111827;
  769. --docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);
  770. --docsearch-key-gradient:linear-gradient(-26.5deg,#1f2937,#111827);
  771. --docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);
  772. --docsearch-logo-color:#d1d5db
  773. }
  774. .dark .DocSearch-Input,
  775. .dark .DocSearch-Input:focus,
  776. .light .DocSearch-Input,
  777. .light .DocSearch-Input:focus {
  778. box-shadow:0 0 #0000;
  779. background:transparent
  780. }
  781. @media (prefers-color-scheme:dark) {
  782. .markdown-alert {
  783. --color-border-default:#30363d;
  784. --color-accent-fg:#58a6ff;
  785. --color-accent-emphasis:#1f6feb;
  786. --color-danger-fg:#f85149;
  787. --color-danger-emphasis:#da3633;
  788. --color-attention-fg:#d29922;
  789. --color-attention-emphasis:#9e6a03;
  790. --color-done-fg:#a371f7;
  791. --color-done-emphasis:#8957e5;
  792. --color-success-fg:#3fb950;
  793. --color-success-emphasis:#238636
  794. }
  795. }
  796. @media (prefers-color-scheme:light) {
  797. .markdown-alert {
  798. --color-border-default:#d0d7de;
  799. --color-accent-fg:#0969da;
  800. --color-accent-emphasis:#0969da;
  801. --color-danger-fg:#d1242f;
  802. --color-danger-emphasis:#cf222e;
  803. --color-attention-fg:#9a6700;
  804. --color-attention-emphasis:#9a6700;
  805. --color-done-fg:#8250df;
  806. --color-done-emphasis:#8250df;
  807. --color-success-fg:#1a7f37;
  808. --color-success-emphasis:#1f883d
  809. }
  810. }
  811. .markdown-alert {
  812. border-left:.25em solid var(--borderColor-default,var(--color-border-default));
  813. color:inherit;
  814. margin-bottom:16px;
  815. padding:.5rem 1em
  816. }
  817. .markdown-alert>:last-child {
  818. margin-bottom:0!important
  819. }
  820. .markdown-alert .markdown-alert-title {
  821. align-items:center;
  822. display:flex;
  823. font-size:14px;
  824. font-weight:500;
  825. line-height:1
  826. }
  827. .markdown-alert .markdown-alert-title svg.octicon {
  828. margin-right:8px!important;
  829. margin-right:var(--base-size-8,8px)!important;
  830. fill:currentColor
  831. }
  832. .markdown-alert.markdown-alert-note {
  833. border-left-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis))
  834. }
  835. .markdown-alert.markdown-alert-note .markdown-alert-title {
  836. color:var(--color-accent-fg);
  837. color:var(--fgColor-accent,var(--color-accent-fg))
  838. }
  839. .markdown-alert.markdown-alert-tip {
  840. border-left-color:var(--borderColor-success-emphasis,var(--color-success-emphasis))
  841. }
  842. .markdown-alert.markdown-alert-tip .markdown-alert-title {
  843. color:var(--color-success-fg);
  844. color:var(--fgColor-success,var(--color-success-fg))
  845. }
  846. .markdown-alert.markdown-alert-important {
  847. border-left-color:var(--borderColor-done-emphasis,var(--color-done-emphasis))
  848. }
  849. .markdown-alert.markdown-alert-important .markdown-alert-title {
  850. color:var(--color-done-fg);
  851. color:var(--fgColor-done,var(--color-done-fg))
  852. }
  853. .markdown-alert.markdown-alert-warning {
  854. border-left-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis))
  855. }
  856. .markdown-alert.markdown-alert-warning .markdown-alert-title {
  857. color:var(--color-attention-fg);
  858. color:var(--fgColor-attention,var(--color-attention-fg))
  859. }
  860. .markdown-alert.markdown-alert-caution {
  861. border-left-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))
  862. }
  863. .markdown-alert.markdown-alert-caution .markdown-alert-title {
  864. color:var(--color-danger-fg);
  865. color:var(--fgColor-danger,var(--color-danger-fg))
  866. }