tailwind.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693
  1. /*
  2. ! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
  3. */
  4. /*
  5. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  6. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  7. */
  8. *,
  9. ::before,
  10. ::after {
  11. box-sizing: border-box;
  12. /* 1 */
  13. border-width: 0;
  14. /* 2 */
  15. border-style: solid;
  16. /* 2 */
  17. border-color: #e5e7eb;
  18. /* 2 */
  19. }
  20. ::before,
  21. ::after {
  22. --tw-content: '';
  23. }
  24. /*
  25. 1. Use a consistent sensible line-height in all browsers.
  26. 2. Prevent adjustments of font size after orientation changes in iOS.
  27. 3. Use a more readable tab size.
  28. 4. Use the user's configured `sans` font-family by default.
  29. */
  30. html {
  31. line-height: 1.5;
  32. /* 1 */
  33. -webkit-text-size-adjust: 100%;
  34. /* 2 */
  35. -moz-tab-size: 4;
  36. /* 3 */
  37. -o-tab-size: 4;
  38. tab-size: 4;
  39. /* 3 */
  40. font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
  41. 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  42. /* 4 */
  43. }
  44. /*
  45. 1. Remove the margin in all browsers.
  46. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  47. */
  48. body {
  49. margin: 0;
  50. /* 1 */
  51. line-height: inherit;
  52. /* 2 */
  53. }
  54. /*
  55. 1. Add the correct height in Firefox.
  56. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  57. 3. Ensure horizontal rules are visible by default.
  58. */
  59. hr {
  60. height: 0;
  61. /* 1 */
  62. color: inherit;
  63. /* 2 */
  64. border-top-width: 1px;
  65. /* 3 */
  66. }
  67. /*
  68. Add the correct text decoration in Chrome, Edge, and Safari.
  69. */
  70. abbr:where([title]) {
  71. -webkit-text-decoration: underline dotted;
  72. text-decoration: underline dotted;
  73. }
  74. /*
  75. Remove the default font size and weight for headings.
  76. */
  77. h1,
  78. h2,
  79. h3,
  80. h4,
  81. h5,
  82. h6 {
  83. font-size: inherit;
  84. font-weight: inherit;
  85. }
  86. /*
  87. Reset links to optimize for opt-in styling instead of opt-out.
  88. */
  89. a {
  90. color: inherit;
  91. text-decoration: inherit;
  92. }
  93. /*
  94. Add the correct font weight in Edge and Safari.
  95. */
  96. b,
  97. strong {
  98. font-weight: bolder;
  99. }
  100. /*
  101. 1. Use the user's configured `mono` font family by default.
  102. 2. Correct the odd `em` font sizing in all browsers.
  103. */
  104. code,
  105. kbd,
  106. samp,
  107. pre {
  108. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  109. /* 1 */
  110. font-size: 1em;
  111. /* 2 */
  112. }
  113. /*
  114. Add the correct font size in all browsers.
  115. */
  116. small {
  117. font-size: 80%;
  118. }
  119. /*
  120. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  121. */
  122. sub,
  123. sup {
  124. font-size: 75%;
  125. line-height: 0;
  126. position: relative;
  127. vertical-align: baseline;
  128. }
  129. sub {
  130. bottom: -0.25em;
  131. }
  132. sup {
  133. top: -0.5em;
  134. }
  135. /*
  136. 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  137. 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  138. 3. Remove gaps between table borders by default.
  139. */
  140. table {
  141. text-indent: 0;
  142. /* 1 */
  143. border-color: inherit;
  144. /* 2 */
  145. border-collapse: collapse;
  146. /* 3 */
  147. }
  148. /*
  149. 1. Change the font styles in all browsers.
  150. 2. Remove the margin in Firefox and Safari.
  151. 3. Remove default padding in all browsers.
  152. */
  153. button,
  154. input,
  155. optgroup,
  156. select,
  157. textarea {
  158. font-family: inherit;
  159. /* 1 */
  160. font-size: 100%;
  161. /* 1 */
  162. line-height: inherit;
  163. /* 1 */
  164. color: inherit;
  165. /* 1 */
  166. margin: 0;
  167. /* 2 */
  168. padding: 0;
  169. /* 3 */
  170. }
  171. /*
  172. Remove the inheritance of text transform in Edge and Firefox.
  173. */
  174. button,
  175. select {
  176. text-transform: none;
  177. }
  178. /*
  179. 1. Correct the inability to style clickable types in iOS and Safari.
  180. 2. Remove default button styles.
  181. */
  182. button,
  183. [type='button'],
  184. [type='reset'],
  185. [type='submit'] {
  186. -webkit-appearance: button;
  187. /* 1 */
  188. background-color: transparent;
  189. /* 2 */
  190. background-image: none;
  191. /* 2 */
  192. }
  193. /*
  194. Use the modern Firefox focus style for all focusable elements.
  195. */
  196. :-moz-focusring {
  197. outline: auto;
  198. }
  199. /*
  200. Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  201. */
  202. :-moz-ui-invalid {
  203. box-shadow: none;
  204. }
  205. /*
  206. Add the correct vertical alignment in Chrome and Firefox.
  207. */
  208. progress {
  209. vertical-align: baseline;
  210. }
  211. /*
  212. Correct the cursor style of increment and decrement buttons in Safari.
  213. */
  214. ::-webkit-inner-spin-button,
  215. ::-webkit-outer-spin-button {
  216. height: auto;
  217. }
  218. /*
  219. 1. Correct the odd appearance in Chrome and Safari.
  220. 2. Correct the outline style in Safari.
  221. */
  222. [type='search'] {
  223. -webkit-appearance: textfield;
  224. /* 1 */
  225. outline-offset: -2px;
  226. /* 2 */
  227. }
  228. /*
  229. Remove the inner padding in Chrome and Safari on macOS.
  230. */
  231. ::-webkit-search-decoration {
  232. -webkit-appearance: none;
  233. }
  234. /*
  235. 1. Correct the inability to style clickable types in iOS and Safari.
  236. 2. Change font properties to `inherit` in Safari.
  237. */
  238. ::-webkit-file-upload-button {
  239. -webkit-appearance: button;
  240. /* 1 */
  241. font: inherit;
  242. /* 2 */
  243. }
  244. /*
  245. Add the correct display in Chrome and Safari.
  246. */
  247. summary {
  248. display: list-item;
  249. }
  250. /*
  251. Removes the default spacing and border for appropriate elements.
  252. */
  253. blockquote,
  254. dl,
  255. dd,
  256. h1,
  257. h2,
  258. h3,
  259. h4,
  260. h5,
  261. h6,
  262. hr,
  263. figure,
  264. p,
  265. pre {
  266. margin: 0;
  267. }
  268. fieldset {
  269. margin: 0;
  270. padding: 0;
  271. }
  272. legend {
  273. padding: 0;
  274. }
  275. ol,
  276. ul,
  277. menu {
  278. list-style: none;
  279. margin: 0;
  280. padding: 0;
  281. }
  282. /*
  283. Prevent resizing textareas horizontally by default.
  284. */
  285. textarea {
  286. resize: vertical;
  287. }
  288. /*
  289. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  290. 2. Set the default placeholder color to the user's configured gray 400 color.
  291. */
  292. input::-moz-placeholder,
  293. textarea::-moz-placeholder {
  294. opacity: 1;
  295. /* 1 */
  296. color: #9ca3af;
  297. /* 2 */
  298. }
  299. input:-ms-input-placeholder,
  300. textarea:-ms-input-placeholder {
  301. opacity: 1;
  302. /* 1 */
  303. color: #9ca3af;
  304. /* 2 */
  305. }
  306. input::placeholder,
  307. textarea::placeholder {
  308. opacity: 1;
  309. /* 1 */
  310. color: #9ca3af;
  311. /* 2 */
  312. }
  313. /*
  314. Set the default cursor for buttons.
  315. */
  316. button,
  317. [role='button'] {
  318. cursor: pointer;
  319. }
  320. /*
  321. Make sure disabled buttons don't get the pointer cursor.
  322. */
  323. :disabled {
  324. cursor: default;
  325. }
  326. /*
  327. 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  328. 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  329. This can trigger a poorly considered lint error in some tools but is included by design.
  330. */
  331. img,
  332. svg,
  333. video,
  334. canvas,
  335. audio,
  336. iframe,
  337. embed,
  338. object {
  339. display: block;
  340. /* 1 */
  341. vertical-align: middle;
  342. /* 2 */
  343. }
  344. /*
  345. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  346. */
  347. img,
  348. video {
  349. max-width: 100%;
  350. height: auto;
  351. }
  352. /*
  353. Ensure the default browser behavior of the `hidden` attribute.
  354. */
  355. [hidden] {
  356. display: none;
  357. }
  358. *,
  359. ::before,
  360. ::after {
  361. --tw-translate-x: 0;
  362. --tw-translate-y: 0;
  363. --tw-rotate: 0;
  364. --tw-skew-x: 0;
  365. --tw-skew-y: 0;
  366. --tw-scale-x: 1;
  367. --tw-scale-y: 1;
  368. --tw-pan-x: ;
  369. --tw-pan-y: ;
  370. --tw-pinch-zoom: ;
  371. --tw-scroll-snap-strictness: proximity;
  372. --tw-ordinal: ;
  373. --tw-slashed-zero: ;
  374. --tw-numeric-figure: ;
  375. --tw-numeric-spacing: ;
  376. --tw-numeric-fraction: ;
  377. --tw-ring-inset: ;
  378. --tw-ring-offset-width: 0px;
  379. --tw-ring-offset-color: #fff;
  380. --tw-ring-color: rgb(59 130 246 / 0.5);
  381. --tw-ring-offset-shadow: 0 0 #0000;
  382. --tw-ring-shadow: 0 0 #0000;
  383. --tw-shadow: 0 0 #0000;
  384. --tw-shadow-colored: 0 0 #0000;
  385. --tw-blur: ;
  386. --tw-brightness: ;
  387. --tw-contrast: ;
  388. --tw-grayscale: ;
  389. --tw-hue-rotate: ;
  390. --tw-invert: ;
  391. --tw-saturate: ;
  392. --tw-sepia: ;
  393. --tw-drop-shadow: ;
  394. --tw-backdrop-blur: ;
  395. --tw-backdrop-brightness: ;
  396. --tw-backdrop-contrast: ;
  397. --tw-backdrop-grayscale: ;
  398. --tw-backdrop-hue-rotate: ;
  399. --tw-backdrop-invert: ;
  400. --tw-backdrop-opacity: ;
  401. --tw-backdrop-saturate: ;
  402. --tw-backdrop-sepia: ;
  403. }
  404. .fixed {
  405. position: fixed;
  406. }
  407. .relative {
  408. position: relative;
  409. }
  410. .mx-auto {
  411. margin-left: auto;
  412. margin-right: auto;
  413. }
  414. .mb-6 {
  415. margin-bottom: 1.5rem;
  416. }
  417. .mb-1 {
  418. margin-bottom: 0.25rem;
  419. }
  420. .mb-4 {
  421. margin-bottom: 1rem;
  422. }
  423. .-mt-48 {
  424. margin-top: -12rem;
  425. }
  426. .mt-2 {
  427. margin-top: 0.5rem;
  428. }
  429. .mr-4 {
  430. margin-right: 1rem;
  431. }
  432. .mb-2 {
  433. margin-bottom: 0.5rem;
  434. }
  435. .inline-block {
  436. display: inline-block;
  437. }
  438. .flex {
  439. display: flex;
  440. }
  441. .table {
  442. display: table;
  443. }
  444. .grid {
  445. display: grid;
  446. }
  447. .h-96 {
  448. height: 24rem;
  449. }
  450. .h-full {
  451. height: 100%;
  452. }
  453. .h-52 {
  454. height: 13rem;
  455. }
  456. .w-full {
  457. width: 100%;
  458. }
  459. .w-52 {
  460. width: 13rem;
  461. }
  462. .flex-auto {
  463. flex: 1 1 auto;
  464. }
  465. .flex-1 {
  466. flex: 1 1 0%;
  467. }
  468. .grid-cols-1 {
  469. grid-template-columns: repeat(1, minmax(0, 1fr));
  470. }
  471. .grid-cols-2 {
  472. grid-template-columns: repeat(2, minmax(0, 1fr));
  473. }
  474. .grid-cols-3 {
  475. grid-template-columns: repeat(3, minmax(0, 1fr));
  476. }
  477. .grid-cols-4 {
  478. grid-template-columns: repeat(4, minmax(0, 1fr));
  479. }
  480. .grid-cols-5 {
  481. grid-template-columns: repeat(5, minmax(0, 1fr));
  482. }
  483. .grid-cols-6 {
  484. grid-template-columns: repeat(6, minmax(0, 1fr));
  485. }
  486. .grid-cols-7 {
  487. grid-template-columns: repeat(7, minmax(0, 1fr));
  488. }
  489. .grid-cols-8 {
  490. grid-template-columns: repeat(8, minmax(0, 1fr));
  491. }
  492. .grid-cols-9 {
  493. grid-template-columns: repeat(9, minmax(0, 1fr));
  494. }
  495. .grid-cols-10 {
  496. grid-template-columns: repeat(10, minmax(0, 1fr));
  497. }
  498. .grid-cols-11 {
  499. grid-template-columns: repeat(11, minmax(0, 1fr));
  500. }
  501. .grid-cols-12 {
  502. grid-template-columns: repeat(12, minmax(0, 1fr));
  503. }
  504. .grid-cols-none {
  505. grid-template-columns: none;
  506. }
  507. .flex-col {
  508. flex-direction: column;
  509. }
  510. .items-center {
  511. align-items: center;
  512. }
  513. .justify-start {
  514. justify-content: flex-start;
  515. }
  516. .justify-center {
  517. justify-content: center;
  518. }
  519. .overflow-hidden {
  520. overflow: hidden;
  521. }
  522. .rounded-lg {
  523. border-radius: 0.5rem;
  524. }
  525. .rounded-md {
  526. border-radius: 0.375rem;
  527. }
  528. .border {
  529. border-width: 1px;
  530. }
  531. .border-2 {
  532. border-width: 2px;
  533. }
  534. .border-red-700 {
  535. --tw-border-opacity: 1;
  536. border-color: rgb(185 28 28 / var(--tw-border-opacity));
  537. }
  538. .object-cover {
  539. -o-object-fit: cover;
  540. object-fit: cover;
  541. }
  542. .p-4 {
  543. padding: 1rem;
  544. }
  545. .px-2 {
  546. padding-left: 0.5rem;
  547. padding-right: 0.5rem;
  548. }
  549. .py-1 {
  550. padding-top: 0.25rem;
  551. padding-bottom: 0.25rem;
  552. }
  553. .text-center {
  554. text-align: center;
  555. }
  556. .text-right {
  557. text-align: right;
  558. }
  559. .text-sm {
  560. font-size: 0.875rem;
  561. line-height: 1.25rem;
  562. }
  563. .text-white {
  564. --tw-text-opacity: 1;
  565. color: rgb(255 255 255 / var(--tw-text-opacity));
  566. }
  567. .last\:mb-0:last-child {
  568. margin-bottom: 0px;
  569. }