Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1 год назад
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123
  1. /*
  2. ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
  3. *//*
  4. 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  5. 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  6. */
  7. *,
  8. ::before,
  9. ::after {
  10. box-sizing: border-box; /* 1 */
  11. border-width: 0; /* 2 */
  12. border-style: solid; /* 2 */
  13. border-color: #e5e7eb; /* 2 */
  14. }
  15. ::before,
  16. ::after {
  17. --tw-content: '';
  18. }
  19. /*
  20. 1. Use a consistent sensible line-height in all browsers.
  21. 2. Prevent adjustments of font size after orientation changes in iOS.
  22. 3. Use a more readable tab size.
  23. 4. Use the user's configured `sans` font-family by default.
  24. 5. Use the user's configured `sans` font-feature-settings by default.
  25. */
  26. html {
  27. line-height: 1.5; /* 1 */
  28. -webkit-text-size-adjust: 100%; /* 2 */
  29. -moz-tab-size: 4; /* 3 */
  30. -o-tab-size: 4;
  31. tab-size: 4; /* 3 */
  32. font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  33. font-feature-settings: normal; /* 5 */
  34. }
  35. /*
  36. 1. Remove the margin in all browsers.
  37. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  38. */
  39. body {
  40. margin: 0; /* 1 */
  41. line-height: inherit; /* 2 */
  42. }
  43. /*
  44. 1. Add the correct height in Firefox.
  45. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  46. 3. Ensure horizontal rules are visible by default.
  47. */
  48. hr {
  49. height: 0; /* 1 */
  50. color: inherit; /* 2 */
  51. border-top-width: 1px; /* 3 */
  52. }
  53. /*
  54. Add the correct text decoration in Chrome, Edge, and Safari.
  55. */
  56. abbr:where([title]) {
  57. -webkit-text-decoration: underline dotted;
  58. text-decoration: underline dotted;
  59. }
  60. /*
  61. Remove the default font size and weight for headings.
  62. */
  63. h1,
  64. h2,
  65. h3,
  66. h4,
  67. h5,
  68. h6 {
  69. font-size: inherit;
  70. font-weight: inherit;
  71. }
  72. /*
  73. Reset links to optimize for opt-in styling instead of opt-out.
  74. */
  75. a {
  76. color: inherit;
  77. text-decoration: inherit;
  78. }
  79. /*
  80. Add the correct font weight in Edge and Safari.
  81. */
  82. b,
  83. strong {
  84. font-weight: bolder;
  85. }
  86. /*
  87. 1. Use the user's configured `mono` font family by default.
  88. 2. Correct the odd `em` font sizing in all browsers.
  89. */
  90. code,
  91. kbd,
  92. samp,
  93. pre {
  94. font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  95. font-size: 1em; /* 2 */
  96. }
  97. /*
  98. Add the correct font size in all browsers.
  99. */
  100. small {
  101. font-size: 80%;
  102. }
  103. /*
  104. Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  105. */
  106. sub,
  107. sup {
  108. font-size: 75%;
  109. line-height: 0;
  110. position: relative;
  111. vertical-align: baseline;
  112. }
  113. sub {
  114. bottom: -0.25em;
  115. }
  116. sup {
  117. top: -0.5em;
  118. }
  119. /*
  120. 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)
  121. 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)
  122. 3. Remove gaps between table borders by default.
  123. */
  124. table {
  125. text-indent: 0; /* 1 */
  126. border-color: inherit; /* 2 */
  127. border-collapse: collapse; /* 3 */
  128. }
  129. /*
  130. 1. Change the font styles in all browsers.
  131. 2. Remove the margin in Firefox and Safari.
  132. 3. Remove default padding in all browsers.
  133. */
  134. button,
  135. input,
  136. optgroup,
  137. select,
  138. textarea {
  139. font-family: inherit; /* 1 */
  140. font-size: 100%; /* 1 */
  141. font-weight: inherit; /* 1 */
  142. line-height: inherit; /* 1 */
  143. color: inherit; /* 1 */
  144. margin: 0; /* 2 */
  145. padding: 0; /* 3 */
  146. }
  147. /*
  148. Remove the inheritance of text transform in Edge and Firefox.
  149. */
  150. button,
  151. select {
  152. text-transform: none;
  153. }
  154. /*
  155. 1. Correct the inability to style clickable types in iOS and Safari.
  156. 2. Remove default button styles.
  157. */
  158. button,
  159. [type='button'],
  160. [type='reset'],
  161. [type='submit'] {
  162. -webkit-appearance: button; /* 1 */
  163. background-color: transparent; /* 2 */
  164. background-image: none; /* 2 */
  165. }
  166. /*
  167. Use the modern Firefox focus style for all focusable elements.
  168. */
  169. :-moz-focusring {
  170. outline: auto;
  171. }
  172. /*
  173. Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  174. */
  175. :-moz-ui-invalid {
  176. box-shadow: none;
  177. }
  178. /*
  179. Add the correct vertical alignment in Chrome and Firefox.
  180. */
  181. progress {
  182. vertical-align: baseline;
  183. }
  184. /*
  185. Correct the cursor style of increment and decrement buttons in Safari.
  186. */
  187. ::-webkit-inner-spin-button,
  188. ::-webkit-outer-spin-button {
  189. height: auto;
  190. }
  191. /*
  192. 1. Correct the odd appearance in Chrome and Safari.
  193. 2. Correct the outline style in Safari.
  194. */
  195. [type='search'] {
  196. -webkit-appearance: textfield; /* 1 */
  197. outline-offset: -2px; /* 2 */
  198. }
  199. /*
  200. Remove the inner padding in Chrome and Safari on macOS.
  201. */
  202. ::-webkit-search-decoration {
  203. -webkit-appearance: none;
  204. }
  205. /*
  206. 1. Correct the inability to style clickable types in iOS and Safari.
  207. 2. Change font properties to `inherit` in Safari.
  208. */
  209. ::-webkit-file-upload-button {
  210. -webkit-appearance: button; /* 1 */
  211. font: inherit; /* 2 */
  212. }
  213. /*
  214. Add the correct display in Chrome and Safari.
  215. */
  216. summary {
  217. display: list-item;
  218. }
  219. /*
  220. Removes the default spacing and border for appropriate elements.
  221. */
  222. blockquote,
  223. dl,
  224. dd,
  225. h1,
  226. h2,
  227. h3,
  228. h4,
  229. h5,
  230. h6,
  231. hr,
  232. figure,
  233. p,
  234. pre {
  235. margin: 0;
  236. }
  237. fieldset {
  238. margin: 0;
  239. padding: 0;
  240. }
  241. legend {
  242. padding: 0;
  243. }
  244. ol,
  245. ul,
  246. menu {
  247. list-style: none;
  248. margin: 0;
  249. padding: 0;
  250. }
  251. /*
  252. Prevent resizing textareas horizontally by default.
  253. */
  254. textarea {
  255. resize: vertical;
  256. }
  257. /*
  258. 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  259. 2. Set the default placeholder color to the user's configured gray 400 color.
  260. */
  261. input::-moz-placeholder, textarea::-moz-placeholder {
  262. opacity: 1; /* 1 */
  263. color: #9ca3af; /* 2 */
  264. }
  265. input::placeholder,
  266. textarea::placeholder {
  267. opacity: 1; /* 1 */
  268. color: #9ca3af; /* 2 */
  269. }
  270. /*
  271. Set the default cursor for buttons.
  272. */
  273. button,
  274. [role="button"] {
  275. cursor: pointer;
  276. }
  277. /*
  278. Make sure disabled buttons don't get the pointer cursor.
  279. */
  280. :disabled {
  281. cursor: default;
  282. }
  283. /*
  284. 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  285. 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
  286. This can trigger a poorly considered lint error in some tools but is included by design.
  287. */
  288. img,
  289. svg,
  290. video,
  291. canvas,
  292. audio,
  293. iframe,
  294. embed,
  295. object {
  296. display: block; /* 1 */
  297. vertical-align: middle; /* 2 */
  298. }
  299. /*
  300. Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  301. */
  302. img,
  303. video {
  304. max-width: 100%;
  305. height: auto;
  306. }
  307. /* Make elements with the HTML hidden attribute stay hidden by default */
  308. [hidden] {
  309. display: none;
  310. }
  311. *, ::before, ::after {
  312. --tw-border-spacing-x: 0;
  313. --tw-border-spacing-y: 0;
  314. --tw-translate-x: 0;
  315. --tw-translate-y: 0;
  316. --tw-rotate: 0;
  317. --tw-skew-x: 0;
  318. --tw-skew-y: 0;
  319. --tw-scale-x: 1;
  320. --tw-scale-y: 1;
  321. --tw-pan-x: ;
  322. --tw-pan-y: ;
  323. --tw-pinch-zoom: ;
  324. --tw-scroll-snap-strictness: proximity;
  325. --tw-ordinal: ;
  326. --tw-slashed-zero: ;
  327. --tw-numeric-figure: ;
  328. --tw-numeric-spacing: ;
  329. --tw-numeric-fraction: ;
  330. --tw-ring-inset: ;
  331. --tw-ring-offset-width: 0px;
  332. --tw-ring-offset-color: #fff;
  333. --tw-ring-color: rgb(59 130 246 / 0.5);
  334. --tw-ring-offset-shadow: 0 0 #0000;
  335. --tw-ring-shadow: 0 0 #0000;
  336. --tw-shadow: 0 0 #0000;
  337. --tw-shadow-colored: 0 0 #0000;
  338. --tw-blur: ;
  339. --tw-brightness: ;
  340. --tw-contrast: ;
  341. --tw-grayscale: ;
  342. --tw-hue-rotate: ;
  343. --tw-invert: ;
  344. --tw-saturate: ;
  345. --tw-sepia: ;
  346. --tw-drop-shadow: ;
  347. --tw-backdrop-blur: ;
  348. --tw-backdrop-brightness: ;
  349. --tw-backdrop-contrast: ;
  350. --tw-backdrop-grayscale: ;
  351. --tw-backdrop-hue-rotate: ;
  352. --tw-backdrop-invert: ;
  353. --tw-backdrop-opacity: ;
  354. --tw-backdrop-saturate: ;
  355. --tw-backdrop-sepia: ;
  356. }
  357. ::backdrop {
  358. --tw-border-spacing-x: 0;
  359. --tw-border-spacing-y: 0;
  360. --tw-translate-x: 0;
  361. --tw-translate-y: 0;
  362. --tw-rotate: 0;
  363. --tw-skew-x: 0;
  364. --tw-skew-y: 0;
  365. --tw-scale-x: 1;
  366. --tw-scale-y: 1;
  367. --tw-pan-x: ;
  368. --tw-pan-y: ;
  369. --tw-pinch-zoom: ;
  370. --tw-scroll-snap-strictness: proximity;
  371. --tw-ordinal: ;
  372. --tw-slashed-zero: ;
  373. --tw-numeric-figure: ;
  374. --tw-numeric-spacing: ;
  375. --tw-numeric-fraction: ;
  376. --tw-ring-inset: ;
  377. --tw-ring-offset-width: 0px;
  378. --tw-ring-offset-color: #fff;
  379. --tw-ring-color: rgb(59 130 246 / 0.5);
  380. --tw-ring-offset-shadow: 0 0 #0000;
  381. --tw-ring-shadow: 0 0 #0000;
  382. --tw-shadow: 0 0 #0000;
  383. --tw-shadow-colored: 0 0 #0000;
  384. --tw-blur: ;
  385. --tw-brightness: ;
  386. --tw-contrast: ;
  387. --tw-grayscale: ;
  388. --tw-hue-rotate: ;
  389. --tw-invert: ;
  390. --tw-saturate: ;
  391. --tw-sepia: ;
  392. --tw-drop-shadow: ;
  393. --tw-backdrop-blur: ;
  394. --tw-backdrop-brightness: ;
  395. --tw-backdrop-contrast: ;
  396. --tw-backdrop-grayscale: ;
  397. --tw-backdrop-hue-rotate: ;
  398. --tw-backdrop-invert: ;
  399. --tw-backdrop-opacity: ;
  400. --tw-backdrop-saturate: ;
  401. --tw-backdrop-sepia: ;
  402. }
  403. .container {
  404. width: 100%;
  405. }
  406. @media (min-width: 640px) {
  407. .container {
  408. max-width: 640px;
  409. }
  410. }
  411. @media (min-width: 768px) {
  412. .container {
  413. max-width: 768px;
  414. }
  415. }
  416. @media (min-width: 1024px) {
  417. .container {
  418. max-width: 1024px;
  419. }
  420. }
  421. @media (min-width: 1280px) {
  422. .container {
  423. max-width: 1280px;
  424. }
  425. }
  426. @media (min-width: 1536px) {
  427. .container {
  428. max-width: 1536px;
  429. }
  430. }
  431. .pointer-events-none {
  432. pointer-events: none;
  433. }
  434. .collapse {
  435. visibility: collapse;
  436. }
  437. .static {
  438. position: static;
  439. }
  440. .fixed {
  441. position: fixed;
  442. }
  443. .absolute {
  444. position: absolute;
  445. }
  446. .relative {
  447. position: relative;
  448. }
  449. .sticky {
  450. position: sticky;
  451. }
  452. .left-0 {
  453. left: 0px;
  454. }
  455. .right-10 {
  456. right: 2.5rem;
  457. }
  458. .top-0 {
  459. top: 0px;
  460. }
  461. .top-10 {
  462. top: 2.5rem;
  463. }
  464. .z-10 {
  465. z-index: 10;
  466. }
  467. .z-20 {
  468. z-index: 20;
  469. }
  470. .z-50 {
  471. z-index: 50;
  472. }
  473. .col-span-2 {
  474. grid-column: span 2 / span 2;
  475. }
  476. .row-span-2 {
  477. grid-row: span 2 / span 2;
  478. }
  479. .row-span-3 {
  480. grid-row: span 3 / span 3;
  481. }
  482. .row-start-1 {
  483. grid-row-start: 1;
  484. }
  485. .float-right {
  486. float: right;
  487. }
  488. .m-16 {
  489. margin: 4rem;
  490. }
  491. .mx-4 {
  492. margin-left: 1rem;
  493. margin-right: 1rem;
  494. }
  495. .mx-auto {
  496. margin-left: auto;
  497. margin-right: auto;
  498. }
  499. .my-4 {
  500. margin-top: 1rem;
  501. margin-bottom: 1rem;
  502. }
  503. .my-8 {
  504. margin-top: 2rem;
  505. margin-bottom: 2rem;
  506. }
  507. .mb-16 {
  508. margin-bottom: 4rem;
  509. }
  510. .mb-2 {
  511. margin-bottom: 0.5rem;
  512. }
  513. .mb-3 {
  514. margin-bottom: 0.75rem;
  515. }
  516. .mb-4 {
  517. margin-bottom: 1rem;
  518. }
  519. .mb-8 {
  520. margin-bottom: 2rem;
  521. }
  522. .mb-\[1em\] {
  523. margin-bottom: 1em;
  524. }
  525. .ml-4 {
  526. margin-left: 1rem;
  527. }
  528. .ml-auto {
  529. margin-left: auto;
  530. }
  531. .mr-2 {
  532. margin-right: 0.5rem;
  533. }
  534. .mr-8 {
  535. margin-right: 2rem;
  536. }
  537. .mr-auto {
  538. margin-right: auto;
  539. }
  540. .mt-20 {
  541. margin-top: 5rem;
  542. }
  543. .mt-3 {
  544. margin-top: 0.75rem;
  545. }
  546. .mt-4 {
  547. margin-top: 1rem;
  548. }
  549. .block {
  550. display: block;
  551. }
  552. .inline-block {
  553. display: inline-block;
  554. }
  555. .flex {
  556. display: flex;
  557. }
  558. .table {
  559. display: table;
  560. }
  561. .grid {
  562. display: grid;
  563. }
  564. .hidden {
  565. display: none;
  566. }
  567. .h-10 {
  568. height: 2.5rem;
  569. }
  570. .h-12 {
  571. height: 3rem;
  572. }
  573. .h-20 {
  574. height: 5rem;
  575. }
  576. .h-40 {
  577. height: 10rem;
  578. }
  579. .h-full {
  580. height: 100%;
  581. }
  582. .h-screen {
  583. height: 100vh;
  584. }
  585. .w-10 {
  586. width: 2.5rem;
  587. }
  588. .w-20 {
  589. width: 5rem;
  590. }
  591. .w-40 {
  592. width: 10rem;
  593. }
  594. .w-52 {
  595. width: 13rem;
  596. }
  597. .w-\[20rem\] {
  598. width: 20rem;
  599. }
  600. .w-\[25rem\] {
  601. width: 25rem;
  602. }
  603. .w-\[32rem\] {
  604. width: 32rem;
  605. }
  606. .w-full {
  607. width: 100%;
  608. }
  609. .min-w-\[10rem\] {
  610. min-width: 10rem;
  611. }
  612. .min-w-\[32rem\] {
  613. min-width: 32rem;
  614. }
  615. .max-w-\[30rem\] {
  616. max-width: 30rem;
  617. }
  618. .max-w-\[65ch\] {
  619. max-width: 65ch;
  620. }
  621. .shrink-0 {
  622. flex-shrink: 0;
  623. }
  624. .rotate-\[15deg\] {
  625. --tw-rotate: 15deg;
  626. transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  627. }
  628. .cursor-pointer {
  629. cursor: pointer;
  630. }
  631. .grid-flow-col {
  632. grid-auto-flow: column;
  633. }
  634. .grid-cols-\[2fr\2c 1fr\] {
  635. grid-template-columns: 2fr 1fr;
  636. }
  637. .justify-between {
  638. justify-content: space-between;
  639. }
  640. .gap-8 {
  641. gap: 2rem;
  642. }
  643. .overflow-x-scroll {
  644. overflow-x: scroll;
  645. }
  646. .overflow-y-scroll {
  647. overflow-y: scroll;
  648. }
  649. .overscroll-none {
  650. overscroll-behavior: none;
  651. }
  652. .truncate {
  653. overflow: hidden;
  654. text-overflow: ellipsis;
  655. white-space: nowrap;
  656. }
  657. .border-2 {
  658. border-width: 2px;
  659. }
  660. .border-b-2 {
  661. border-bottom-width: 2px;
  662. }
  663. .border-b-\[2px\] {
  664. border-bottom-width: 2px;
  665. }
  666. .border-black {
  667. --tw-border-opacity: 1;
  668. border-color: rgb(0 0 0 / var(--tw-border-opacity));
  669. }
  670. .bg-black\/20 {
  671. background-color: rgb(0 0 0 / 0.2);
  672. }
  673. .bg-white {
  674. --tw-bg-opacity: 1;
  675. background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  676. }
  677. .object-contain {
  678. -o-object-fit: contain;
  679. object-fit: contain;
  680. }
  681. .p-1 {
  682. padding: 0.25rem;
  683. }
  684. .p-2 {
  685. padding: 0.5rem;
  686. }
  687. .p-4 {
  688. padding: 1rem;
  689. }
  690. .py-3 {
  691. padding-top: 0.75rem;
  692. padding-bottom: 0.75rem;
  693. }
  694. .pb-12 {
  695. padding-bottom: 3rem;
  696. }
  697. .pl-16 {
  698. padding-left: 4rem;
  699. }
  700. .pl-24 {
  701. padding-left: 6rem;
  702. }
  703. .pl-44 {
  704. padding-left: 11rem;
  705. }
  706. .pt-4 {
  707. padding-top: 1rem;
  708. }
  709. .text-center {
  710. text-align: center;
  711. }
  712. .align-bottom {
  713. vertical-align: bottom;
  714. }
  715. .text-base {
  716. font-size: 1.25rem;
  717. line-height: 1.22;
  718. }
  719. .text-sm {
  720. font-size: 1rem;
  721. line-height: 1.35;
  722. }
  723. .text-xl {
  724. font-size: 1.25rem;
  725. line-height: 1.75rem;
  726. }
  727. .text-xs {
  728. font-size: 0.75rem;
  729. line-height: 1rem;
  730. }
  731. .capitalize {
  732. text-transform: capitalize;
  733. }
  734. .text-red-600 {
  735. --tw-text-opacity: 1;
  736. color: rgb(220 38 38 / var(--tw-text-opacity));
  737. }
  738. .grayscale {
  739. --tw-grayscale: grayscale(100%);
  740. filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  741. }
  742. .filter {
  743. filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  744. }
  745. .transition-opacity {
  746. transition-property: opacity;
  747. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  748. transition-duration: 150ms;
  749. }
  750. @font-face {
  751. font-family: 'ag';
  752. src: url('ApfelGrotezk-Regular.woff') format("woff");
  753. }
  754. @font-face {
  755. font-family: 'ag-brukt';
  756. src: url('ApfelGrotezk-Brukt.woff') format("woff");
  757. }
  758. @font-face {
  759. font-family: 'ag-fett';
  760. src: url('ApfelGrotezk-Fett.woff') format("woff");
  761. }
  762. @font-face {
  763. font-family: 'dauphine';
  764. src: url('Dauphine-Regular.ttf') format("truetype");
  765. }
  766. @font-face {
  767. font-family: 'dauphine';
  768. src: url('Dauphine-Italic.ttf') format("truetype");
  769. font-style: italic;
  770. }
  771. @font-face {
  772. font-family: 'robo';
  773. src: url('roboto-regular.ttf') format("truetype");
  774. }
  775. @font-face {
  776. font-family: 'robo';
  777. src: url('roboto-italic.ttf') format("truetype");
  778. font-style: italic;
  779. }
  780. @font-face {
  781. font-family: 'cirrus';
  782. src: url('CirrusCumulus.woff') format("woff");
  783. }
  784. body {
  785. font-family: 'dauphine';
  786. }
  787. strong {
  788. font-family: 'ag-fett';
  789. }
  790. .book {
  791. font-family: 'ag-fett', 'Arial Black';
  792. }
  793. .tool {
  794. font-family: 'robo';
  795. }
  796. .practice {
  797. font-family: 'cirrus';
  798. }
  799. .std-margin {
  800. padding: 0.5rem;
  801. }
  802. .cell-margin {
  803. padding: 1rem;
  804. }
  805. .block-margin {
  806. margin-bottom: 2rem;
  807. }
  808. .std-padding {
  809. padding: 0.5rem;
  810. }
  811. .std-grid {
  812. display: grid;
  813. }
  814. @media (min-width: 768px) {
  815. .std-grid {
  816. grid-template-columns: repeat(2, minmax(0, 1fr));
  817. }
  818. }
  819. @media (min-width: 1024px) {
  820. .std-grid {
  821. grid-template-columns: repeat(3, minmax(0, 1fr));
  822. }
  823. }
  824. .cell {
  825. position: relative;
  826. padding: 1rem;
  827. }
  828. .cell::before {
  829. content: '';
  830. position: absolute;
  831. top: 10px;
  832. right: 0px;
  833. width: 2px;
  834. height: calc(100% - 20px);
  835. background-color: black;
  836. }
  837. .cell::after {
  838. content: '';
  839. position: absolute;
  840. bottom: 0px;
  841. left: 8px;
  842. width: calc(100% - 20px);
  843. height: 2px;
  844. background-color: black;
  845. }
  846. .slash {
  847. position: relative;
  848. }
  849. .slash::after {
  850. content: '';
  851. position: absolute;
  852. bottom: 0px;
  853. left: 8px;
  854. width: calc(100% - 20px);
  855. height: 3px;
  856. background-color: black;
  857. transform-origin: 100% 100%;
  858. transform: rotate(45deg);
  859. }
  860. /* .meta {
  861. transform: rotate(-3.5deg);
  862. } */
  863. .facts {
  864. display: grid;
  865. gap: 1rem;
  866. }
  867. @media (min-width: 1024px) {
  868. .facts {
  869. grid-template-columns: repeat(2, minmax(0, 1fr));
  870. }
  871. }
  872. .facts h3 {
  873. }
  874. .facts > * {
  875. max-width: 65ch;
  876. }
  877. a:hover {
  878. opacity: 0.6;
  879. }
  880. h2,h3 {
  881. -webkit-hyphens: auto;
  882. hyphens: auto;
  883. }
  884. h2 {
  885. font-size: 2.8rem;
  886. line-height: 1;
  887. }
  888. h3 {
  889. font-size: 1.25rem;
  890. line-height: 1.75rem;
  891. letter-spacing: 0.025em;
  892. font-family: 'ag-fett';
  893. }
  894. .indent {
  895. margin-left: 1rem;
  896. margin-right: 1rem;
  897. margin-top: 1rem;
  898. margin-bottom: 1rem;
  899. }
  900. .text > h3 {
  901. margin-left: 1.5rem;
  902. margin-top: 2rem;
  903. }
  904. h2 + *,
  905. h3 + * {
  906. /* @apply ml-6 mt-1; */
  907. }
  908. p + p {
  909. margin-top: 1em;
  910. }
  911. .loading {
  912. opacity: 0;
  913. background-image: linear-gradient(to top, rgb(103, 48, 255,0.8), rgb(255, 255, 255, 0),rgb(255, 255, 255, 0));
  914. }
  915. .htmx-request .loading {
  916. transition: opacity 7000ms cubic-bezier(.16, .01, .31, .99);
  917. opacity: 1;
  918. display: block;
  919. }
  920. #modal-content main {
  921. opacity: 1;
  922. }
  923. .htmx-request #modal-content main {
  924. /* transition: opacity 0.2s ease; */
  925. opacity: 0;
  926. }
  927. .htmx-request .loading {
  928. opacity: 1;
  929. }
  930. .active {
  931. --tw-bg-opacity: 1;
  932. background-color: rgb(255 255 0 / var(--tw-bg-opacity));
  933. }
  934. .link:hover {
  935. --tw-bg-opacity: 1;
  936. background-color: rgb(255 255 0 / var(--tw-bg-opacity));
  937. }
  938. details[open]::details-content {
  939. display: contents;
  940. }
  941. .text a {
  942. /* font-family: 'ag-fett'; */
  943. text-decoration: underline;
  944. }
  945. #resources.expanded .filter-header::before {
  946. content:'- ';
  947. }
  948. #resources .filter-header::before {
  949. content:'+ ';
  950. }
  951. .hover\:opacity-60:hover {
  952. opacity: 0.6;
  953. }
  954. @media (min-width: 1024px) {
  955. .lg\:mt-16 {
  956. margin-top: 4rem;
  957. }
  958. .lg\:block {
  959. display: block;
  960. }
  961. .lg\:flex {
  962. display: flex;
  963. }
  964. .lg\:grid-cols-3 {
  965. grid-template-columns: repeat(3, minmax(0, 1fr));
  966. }
  967. .lg\:grid-cols-4 {
  968. grid-template-columns: repeat(4, minmax(0, 1fr));
  969. }
  970. .lg\:grid-rows-3 {
  971. grid-template-rows: repeat(3, minmax(0, 1fr));
  972. }
  973. .lg\:grid-rows-\[auto\2c auto\2c auto\] {
  974. grid-template-rows: auto auto auto;
  975. }
  976. }