lookbook 2.1.1 → 2.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (395) hide show
  1. checksums.yaml +4 -4
  2. data/app/controllers/lookbook/application_controller.rb +9 -1
  3. data/app/controllers/lookbook/previews_controller.rb +1 -1
  4. data/app/views/layouts/lookbook/application.html.erb +46 -37
  5. data/app/views/lookbook/index.html.erb +21 -11
  6. data/assets/icons/activity-square.svg +1 -0
  7. data/assets/icons/ampersand.svg +1 -0
  8. data/assets/icons/ampersands.svg +1 -0
  9. data/assets/icons/antenna.svg +1 -0
  10. data/assets/icons/app-window.svg +1 -0
  11. data/assets/icons/archive-x.svg +1 -0
  12. data/assets/icons/area-chart.svg +1 -0
  13. data/assets/icons/arrow-big-down-dash.svg +1 -0
  14. data/assets/icons/arrow-big-left-dash.svg +1 -0
  15. data/assets/icons/arrow-big-right-dash.svg +1 -0
  16. data/assets/icons/arrow-big-up-dash.svg +1 -0
  17. data/assets/icons/arrow-down-0-1.svg +1 -0
  18. data/assets/icons/arrow-down-1-0.svg +1 -0
  19. data/assets/icons/arrow-down-a-z.svg +1 -0
  20. data/assets/icons/arrow-down-from-line.svg +1 -0
  21. data/assets/icons/arrow-down-left-from-circle.svg +1 -0
  22. data/assets/icons/arrow-down-left-square.svg +1 -0
  23. data/assets/icons/arrow-down-narrow-wide.svg +1 -0
  24. data/assets/icons/arrow-down-right-from-circle.svg +1 -0
  25. data/assets/icons/arrow-down-right-square.svg +1 -0
  26. data/assets/icons/arrow-down-square.svg +1 -0
  27. data/assets/icons/arrow-down-to-dot.svg +1 -0
  28. data/assets/icons/arrow-down-to-line.svg +1 -0
  29. data/assets/icons/arrow-down-up.svg +1 -0
  30. data/assets/icons/arrow-down-wide-narrow.svg +1 -0
  31. data/assets/icons/arrow-down-z-a.svg +1 -0
  32. data/assets/icons/arrow-left-from-line.svg +1 -0
  33. data/assets/icons/arrow-left-square.svg +1 -0
  34. data/assets/icons/arrow-left-to-line.svg +1 -0
  35. data/assets/icons/arrow-right-from-line.svg +1 -0
  36. data/assets/icons/arrow-right-left.svg +1 -0
  37. data/assets/icons/arrow-right-square.svg +1 -0
  38. data/assets/icons/arrow-right-to-line.svg +1 -0
  39. data/assets/icons/arrow-up-0-1.svg +1 -0
  40. data/assets/icons/arrow-up-1-0.svg +1 -0
  41. data/assets/icons/arrow-up-a-z.svg +1 -0
  42. data/assets/icons/arrow-up-from-dot.svg +1 -0
  43. data/assets/icons/arrow-up-from-line.svg +1 -0
  44. data/assets/icons/arrow-up-left-from-circle.svg +1 -0
  45. data/assets/icons/arrow-up-left-square.svg +1 -0
  46. data/assets/icons/arrow-up-narrow-wide.svg +1 -0
  47. data/assets/icons/arrow-up-right-from-circle.svg +1 -0
  48. data/assets/icons/arrow-up-right-square.svg +1 -0
  49. data/assets/icons/arrow-up-square.svg +1 -0
  50. data/assets/icons/arrow-up-to-line.svg +1 -0
  51. data/assets/icons/arrow-up-wide-narrow.svg +1 -0
  52. data/assets/icons/arrow-up-z-a.svg +1 -0
  53. data/assets/icons/arrows-up-from-line.svg +1 -0
  54. data/assets/icons/atom.svg +1 -0
  55. data/assets/icons/badge-alert.svg +1 -0
  56. data/assets/icons/badge-cent.svg +1 -0
  57. data/assets/icons/badge-check.svg +1 -0
  58. data/assets/icons/badge-dollar-sign.svg +1 -0
  59. data/assets/icons/badge-euro.svg +1 -0
  60. data/assets/icons/badge-help.svg +1 -0
  61. data/assets/icons/badge-indian-rupee.svg +1 -0
  62. data/assets/icons/badge-info.svg +1 -0
  63. data/assets/icons/badge-japanese-yen.svg +1 -0
  64. data/assets/icons/badge-minus.svg +1 -0
  65. data/assets/icons/badge-percent.svg +1 -0
  66. data/assets/icons/badge-plus.svg +1 -0
  67. data/assets/icons/badge-pound-sterling.svg +1 -0
  68. data/assets/icons/badge-russian-ruble.svg +1 -0
  69. data/assets/icons/badge-swiss-franc.svg +1 -0
  70. data/assets/icons/badge-x.svg +1 -0
  71. data/assets/icons/badge.svg +1 -0
  72. data/assets/icons/ban.svg +1 -0
  73. data/assets/icons/bar-chart-big.svg +1 -0
  74. data/assets/icons/bar-chart-horizontal-big.svg +1 -0
  75. data/assets/icons/bell-dot.svg +1 -0
  76. data/assets/icons/biohazard.svg +1 -0
  77. data/assets/icons/blocks.svg +1 -0
  78. data/assets/icons/book-copy.svg +1 -0
  79. data/assets/icons/book-down.svg +1 -0
  80. data/assets/icons/book-key.svg +1 -0
  81. data/assets/icons/book-lock.svg +1 -0
  82. data/assets/icons/book-marked.svg +1 -0
  83. data/assets/icons/book-minus.svg +1 -0
  84. data/assets/icons/book-plus.svg +1 -0
  85. data/assets/icons/book-template.svg +1 -0
  86. data/assets/icons/book-up-2.svg +1 -0
  87. data/assets/icons/book-up.svg +1 -0
  88. data/assets/icons/book-x.svg +1 -0
  89. data/assets/icons/bookmark-check.svg +1 -0
  90. data/assets/icons/bookmark-x.svg +1 -0
  91. data/assets/icons/boom-box.svg +1 -0
  92. data/assets/icons/braces.svg +1 -0
  93. data/assets/icons/brackets.svg +1 -0
  94. data/assets/icons/brain-circuit.svg +1 -0
  95. data/assets/icons/brain-cog.svg +1 -0
  96. data/assets/icons/brain.svg +1 -0
  97. data/assets/icons/bring-to-front.svg +1 -0
  98. data/assets/icons/bug-off.svg +1 -0
  99. data/assets/icons/bug-play.svg +1 -0
  100. data/assets/icons/bus-front.svg +1 -0
  101. data/assets/icons/cable-car.svg +1 -0
  102. data/assets/icons/cable.svg +1 -0
  103. data/assets/icons/cake-slice.svg +1 -0
  104. data/assets/icons/candlestick-chart.svg +1 -0
  105. data/assets/icons/candy-cane.svg +1 -0
  106. data/assets/icons/car-front.svg +1 -0
  107. data/assets/icons/car-taxi-front.svg +1 -0
  108. data/assets/icons/case-lower.svg +1 -0
  109. data/assets/icons/case-sensitive.svg +1 -0
  110. data/assets/icons/case-upper.svg +1 -0
  111. data/assets/icons/cassette-tape.svg +1 -0
  112. data/assets/icons/castle.svg +1 -0
  113. data/assets/icons/chevron-down-circle.svg +1 -0
  114. data/assets/icons/chevron-down-square.svg +1 -0
  115. data/assets/icons/chevron-left-circle.svg +1 -0
  116. data/assets/icons/chevron-left-square.svg +1 -0
  117. data/assets/icons/chevron-right-circle.svg +1 -0
  118. data/assets/icons/chevron-right-square.svg +1 -0
  119. data/assets/icons/chevron-up-circle.svg +1 -0
  120. data/assets/icons/chevron-up-square.svg +1 -0
  121. data/assets/icons/church.svg +1 -0
  122. data/assets/icons/circle-dashed.svg +1 -0
  123. data/assets/icons/circle-dollar-sign.svg +1 -0
  124. data/assets/icons/circle-dot-dashed.svg +1 -0
  125. data/assets/icons/circle-equal.svg +1 -0
  126. data/assets/icons/circle-off.svg +1 -0
  127. data/assets/icons/circle-slash-2.svg +1 -0
  128. data/assets/icons/circle-slash.svg +1 -0
  129. data/assets/icons/circuit-board.svg +1 -0
  130. data/assets/icons/clipboard-paste.svg +1 -0
  131. data/assets/icons/club.svg +1 -0
  132. data/assets/icons/combine.svg +1 -0
  133. data/assets/icons/computer.svg +1 -0
  134. data/assets/icons/contact-2.svg +1 -0
  135. data/assets/icons/container.svg +1 -0
  136. data/assets/icons/copy-check.svg +1 -0
  137. data/assets/icons/copy-minus.svg +1 -0
  138. data/assets/icons/copy-plus.svg +1 -0
  139. data/assets/icons/copy-slash.svg +1 -0
  140. data/assets/icons/copy-x.svg +1 -0
  141. data/assets/icons/database-zap.svg +1 -0
  142. data/assets/icons/dessert.svg +1 -0
  143. data/assets/icons/disc-2.svg +1 -0
  144. data/assets/icons/disc-3.svg +1 -0
  145. data/assets/icons/donut.svg +1 -0
  146. data/assets/icons/door-closed.svg +1 -0
  147. data/assets/icons/door-open.svg +1 -0
  148. data/assets/icons/dot.svg +1 -0
  149. data/assets/icons/drama.svg +1 -0
  150. data/assets/icons/ferris-wheel.svg +1 -0
  151. data/assets/icons/file-code-2.svg +1 -0
  152. data/assets/icons/file-stack.svg +1 -0
  153. data/assets/icons/fish-symbol.svg +1 -0
  154. data/assets/icons/fold-horizontal.svg +1 -0
  155. data/assets/icons/fold-vertical.svg +1 -0
  156. data/assets/icons/folder-dot.svg +1 -0
  157. data/assets/icons/folder-git-2.svg +1 -0
  158. data/assets/icons/folder-git.svg +1 -0
  159. data/assets/icons/folder-kanban.svg +1 -0
  160. data/assets/icons/folder-open-dot.svg +1 -0
  161. data/assets/icons/folder-root.svg +1 -0
  162. data/assets/icons/folder-sync.svg +1 -0
  163. data/assets/icons/gallery-horizontal-end.svg +1 -0
  164. data/assets/icons/gallery-horizontal.svg +1 -0
  165. data/assets/icons/gallery-thumbnails.svg +1 -0
  166. data/assets/icons/gallery-vertical-end.svg +1 -0
  167. data/assets/icons/gallery-vertical.svg +1 -0
  168. data/assets/icons/gantt-chart-square.svg +1 -0
  169. data/assets/icons/gantt-chart.svg +1 -0
  170. data/assets/icons/gauge-circle.svg +1 -0
  171. data/assets/icons/goal.svg +1 -0
  172. data/assets/icons/grid-2x2.svg +1 -0
  173. data/assets/icons/grid-3x3.svg +1 -0
  174. data/assets/icons/group.svg +1 -0
  175. data/assets/icons/hard-drive-download.svg +1 -0
  176. data/assets/icons/hard-drive-upload.svg +1 -0
  177. data/assets/icons/hdmi-port.svg +1 -0
  178. data/assets/icons/hotel.svg +1 -0
  179. data/assets/icons/iteration-ccw.svg +1 -0
  180. data/assets/icons/iteration-cw.svg +1 -0
  181. data/assets/icons/kanban-square-dashed.svg +1 -0
  182. data/assets/icons/kanban-square.svg +1 -0
  183. data/assets/icons/kanban.svg +1 -0
  184. data/assets/icons/key-round.svg +1 -0
  185. data/assets/icons/key-square.svg +1 -0
  186. data/assets/icons/layout-panel-left.svg +1 -0
  187. data/assets/icons/layout-panel-top.svg +1 -0
  188. data/assets/icons/leafy-green.svg +1 -0
  189. data/assets/icons/ligature.svg +1 -0
  190. data/assets/icons/list-filter.svg +1 -0
  191. data/assets/icons/list-restart.svg +1 -0
  192. data/assets/icons/list-todo.svg +1 -0
  193. data/assets/icons/list-tree.svg +1 -0
  194. data/assets/icons/lollipop.svg +1 -0
  195. data/assets/icons/m-square.svg +1 -0
  196. data/assets/icons/mailbox.svg +1 -0
  197. data/assets/icons/memory-stick.svg +1 -0
  198. data/assets/icons/menu-square.svg +1 -0
  199. data/assets/icons/merge.svg +1 -0
  200. data/assets/icons/message-square-dashed.svg +1 -0
  201. data/assets/icons/message-square-plus.svg +1 -0
  202. data/assets/icons/messages-square.svg +1 -0
  203. data/assets/icons/monitor-check.svg +1 -0
  204. data/assets/icons/monitor-dot.svg +1 -0
  205. data/assets/icons/monitor-down.svg +1 -0
  206. data/assets/icons/monitor-pause.svg +1 -0
  207. data/assets/icons/monitor-play.svg +1 -0
  208. data/assets/icons/monitor-stop.svg +1 -0
  209. data/assets/icons/monitor-up.svg +1 -0
  210. data/assets/icons/monitor-x.svg +1 -0
  211. data/assets/icons/moon-star.svg +1 -0
  212. data/assets/icons/mouse-pointer-square-dashed.svg +1 -0
  213. data/assets/icons/mouse-pointer-square.svg +1 -0
  214. data/assets/icons/move-down-left.svg +1 -0
  215. data/assets/icons/move-down-right.svg +1 -0
  216. data/assets/icons/move-down.svg +1 -0
  217. data/assets/icons/move-left.svg +1 -0
  218. data/assets/icons/move-right.svg +1 -0
  219. data/assets/icons/move-up-left.svg +1 -0
  220. data/assets/icons/move-up-right.svg +1 -0
  221. data/assets/icons/move-up.svg +1 -0
  222. data/assets/icons/orbit.svg +1 -0
  223. data/assets/icons/panel-bottom-close.svg +1 -0
  224. data/assets/icons/panel-bottom-inactive.svg +1 -0
  225. data/assets/icons/panel-bottom-open.svg +1 -0
  226. data/assets/icons/panel-bottom.svg +1 -0
  227. data/assets/icons/panel-left-close.svg +1 -0
  228. data/assets/icons/panel-left-inactive.svg +1 -0
  229. data/assets/icons/panel-left-open.svg +1 -0
  230. data/assets/icons/panel-left.svg +1 -0
  231. data/assets/icons/panel-right-close.svg +1 -0
  232. data/assets/icons/panel-right-inactive.svg +1 -0
  233. data/assets/icons/panel-right-open.svg +1 -0
  234. data/assets/icons/panel-right.svg +1 -0
  235. data/assets/icons/panel-top-close.svg +1 -0
  236. data/assets/icons/panel-top-inactive.svg +1 -0
  237. data/assets/icons/panel-top-open.svg +1 -0
  238. data/assets/icons/panel-top.svg +1 -0
  239. data/assets/icons/parentheses.svg +1 -0
  240. data/assets/icons/parking-circle-off.svg +1 -0
  241. data/assets/icons/parking-circle.svg +1 -0
  242. data/assets/icons/parking-meter.svg +1 -0
  243. data/assets/icons/parking-square-off.svg +1 -0
  244. data/assets/icons/parking-square.svg +1 -0
  245. data/assets/icons/paw-print.svg +1 -0
  246. data/assets/icons/pc-case.svg +1 -0
  247. data/assets/icons/pen-line.svg +1 -0
  248. data/assets/icons/pen-square.svg +1 -0
  249. data/assets/icons/pen.svg +1 -0
  250. data/assets/icons/pencil-line.svg +1 -0
  251. data/assets/icons/pencil-ruler.svg +1 -0
  252. data/assets/icons/percent-circle.svg +1 -0
  253. data/assets/icons/percent-diamond.svg +1 -0
  254. data/assets/icons/percent-square.svg +1 -0
  255. data/assets/icons/pi-square.svg +1 -0
  256. data/assets/icons/pi.svg +1 -0
  257. data/assets/icons/pilcrow-square.svg +1 -0
  258. data/assets/icons/plane-landing.svg +1 -0
  259. data/assets/icons/plane-takeoff.svg +1 -0
  260. data/assets/icons/play-square.svg +1 -0
  261. data/assets/icons/plug-zap-2.svg +1 -0
  262. data/assets/icons/pocket-knife.svg +1 -0
  263. data/assets/icons/popcorn.svg +1 -0
  264. data/assets/icons/popsicle.svg +1 -0
  265. data/assets/icons/presentation.svg +1 -0
  266. data/assets/icons/projector.svg +1 -0
  267. data/assets/icons/rabbit.svg +1 -0
  268. data/assets/icons/radar.svg +1 -0
  269. data/assets/icons/radiation.svg +1 -0
  270. data/assets/icons/radio-tower.svg +1 -0
  271. data/assets/icons/rail-symbol.svg +1 -0
  272. data/assets/icons/rainbow.svg +1 -0
  273. data/assets/icons/rat.svg +1 -0
  274. data/assets/icons/ratio.svg +1 -0
  275. data/assets/icons/receipt.svg +1 -0
  276. data/assets/icons/redo-dot.svg +1 -0
  277. data/assets/icons/refresh-ccw-dot.svg +1 -0
  278. data/assets/icons/refresh-cw-off.svg +1 -0
  279. data/assets/icons/repeat-2.svg +1 -0
  280. data/assets/icons/replace-all.svg +1 -0
  281. data/assets/icons/replace.svg +1 -0
  282. data/assets/icons/roller-coaster.svg +1 -0
  283. data/assets/icons/rows.svg +1 -0
  284. data/assets/icons/satellite-dish.svg +1 -0
  285. data/assets/icons/satellite.svg +1 -0
  286. data/assets/icons/save-all.svg +1 -0
  287. data/assets/icons/scatter-chart.svg +1 -0
  288. data/assets/icons/school-2.svg +1 -0
  289. data/assets/icons/school.svg +1 -0
  290. data/assets/icons/scissors-line-dashed.svg +1 -0
  291. data/assets/icons/scissors-square-dashed-bottom.svg +1 -0
  292. data/assets/icons/scissors-square.svg +1 -0
  293. data/assets/icons/scroll-text.svg +1 -0
  294. data/assets/icons/search-check.svg +1 -0
  295. data/assets/icons/search-code.svg +1 -0
  296. data/assets/icons/search-slash.svg +1 -0
  297. data/assets/icons/search-x.svg +1 -0
  298. data/assets/icons/send-horizontal.svg +1 -0
  299. data/assets/icons/send-to-back.svg +1 -0
  300. data/assets/icons/shapes.svg +1 -0
  301. data/assets/icons/shell.svg +1 -0
  302. data/assets/icons/shield-ban.svg +1 -0
  303. data/assets/icons/shield-ellipsis.svg +1 -0
  304. data/assets/icons/shield-half.svg +1 -0
  305. data/assets/icons/shield-minus.svg +1 -0
  306. data/assets/icons/shield-plus.svg +1 -0
  307. data/assets/icons/shield-question.svg +1 -0
  308. data/assets/icons/shield-x.svg +1 -0
  309. data/assets/icons/ship-wheel.svg +1 -0
  310. data/assets/icons/shopping-basket.svg +1 -0
  311. data/assets/icons/sigma-square.svg +1 -0
  312. data/assets/icons/snail.svg +1 -0
  313. data/assets/icons/space.svg +1 -0
  314. data/assets/icons/spade.svg +1 -0
  315. data/assets/icons/sparkle.svg +1 -0
  316. data/assets/icons/sparkles.svg +1 -0
  317. data/assets/icons/speech.svg +1 -0
  318. data/assets/icons/spell-check-2.svg +1 -0
  319. data/assets/icons/spell-check.svg +1 -0
  320. data/assets/icons/split.svg +1 -0
  321. data/assets/icons/spray-can.svg +1 -0
  322. data/assets/icons/square-asterisk.svg +1 -0
  323. data/assets/icons/square-code.svg +1 -0
  324. data/assets/icons/square-dashed-bottom-code.svg +1 -0
  325. data/assets/icons/square-dashed-bottom.svg +1 -0
  326. data/assets/icons/square-dot.svg +1 -0
  327. data/assets/icons/square-equal.svg +1 -0
  328. data/assets/icons/square-slash.svg +1 -0
  329. data/assets/icons/square-stack.svg +1 -0
  330. data/assets/icons/squirrel.svg +1 -0
  331. data/assets/icons/step-back.svg +1 -0
  332. data/assets/icons/step-forward.svg +1 -0
  333. data/assets/icons/store.svg +1 -0
  334. data/assets/icons/table-properties.svg +1 -0
  335. data/assets/icons/tablet-smartphone.svg +1 -0
  336. data/assets/icons/tally-1.svg +1 -0
  337. data/assets/icons/tally-2.svg +1 -0
  338. data/assets/icons/tally-3.svg +1 -0
  339. data/assets/icons/tally-4.svg +1 -0
  340. data/assets/icons/tally-5.svg +1 -0
  341. data/assets/icons/test-tube-2.svg +1 -0
  342. data/assets/icons/test-tube.svg +1 -0
  343. data/assets/icons/test-tubes.svg +1 -0
  344. data/assets/icons/text-quote.svg +1 -0
  345. data/assets/icons/text-select.svg +1 -0
  346. data/assets/icons/text.svg +1 -0
  347. data/assets/icons/theater.svg +1 -0
  348. data/assets/icons/touchpad-off.svg +1 -0
  349. data/assets/icons/touchpad.svg +1 -0
  350. data/assets/icons/tractor.svg +1 -0
  351. data/assets/icons/traffic-cone.svg +1 -0
  352. data/assets/icons/train-front-tunnel.svg +1 -0
  353. data/assets/icons/train-front.svg +1 -0
  354. data/assets/icons/train-track.svg +1 -0
  355. data/assets/icons/tram-front.svg +1 -0
  356. data/assets/icons/triangle-right.svg +1 -0
  357. data/assets/icons/turtle.svg +1 -0
  358. data/assets/icons/undo-dot.svg +1 -0
  359. data/assets/icons/unfold-horizontal.svg +1 -0
  360. data/assets/icons/unfold-vertical.svg +1 -0
  361. data/assets/icons/ungroup.svg +1 -0
  362. data/assets/icons/unplug.svg +1 -0
  363. data/assets/icons/user-2.svg +1 -0
  364. data/assets/icons/user-check-2.svg +1 -0
  365. data/assets/icons/user-circle-2.svg +1 -0
  366. data/assets/icons/user-circle.svg +1 -0
  367. data/assets/icons/user-cog-2.svg +1 -0
  368. data/assets/icons/user-minus-2.svg +1 -0
  369. data/assets/icons/user-plus-2.svg +1 -0
  370. data/assets/icons/user-square-2.svg +1 -0
  371. data/assets/icons/user-square.svg +1 -0
  372. data/assets/icons/user-x-2.svg +1 -0
  373. data/assets/icons/users-2.svg +1 -0
  374. data/assets/icons/variable.svg +1 -0
  375. data/assets/icons/videotape.svg +1 -0
  376. data/assets/icons/wallet-2.svg +1 -0
  377. data/assets/icons/wallet-cards.svg +1 -0
  378. data/assets/icons/wallpaper.svg +1 -0
  379. data/assets/icons/warehouse.svg +1 -0
  380. data/assets/icons/whole-word.svg +1 -0
  381. data/assets/icons/workflow.svg +1 -0
  382. data/config/app.yml +3 -0
  383. data/lib/lookbook/entities/page_entity.rb +1 -1
  384. data/lib/lookbook/preview.rb +1 -0
  385. data/lib/lookbook/preview_controller_actions.rb +1 -0
  386. data/lib/lookbook/services/data/resolvers/data_resolver.rb +1 -1
  387. data/lib/lookbook/version.rb +1 -1
  388. data/public/lookbook-assets/css/lookbook.css +149 -201
  389. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  390. data/public/lookbook-assets/js/iframe.js.map +1 -1
  391. data/public/lookbook-assets/js/index.js +886 -788
  392. data/public/lookbook-assets/js/index.js.map +1 -1
  393. data/public/lookbook-assets/js/lookbook-core.js +38 -1
  394. data/public/lookbook-assets/js/lookbook.js +121 -84
  395. metadata +378 -2
@@ -56,9 +56,9 @@ body {
56
56
  }
57
57
 
58
58
  hr {
59
- height: 0;
60
59
  color: inherit;
61
60
  border-top-width: 1px;
61
+ height: 0;
62
62
  }
63
63
 
64
64
  abbr:where([title]) {
@@ -145,7 +145,11 @@ progress {
145
145
  vertical-align: baseline;
146
146
  }
147
147
 
148
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
148
+ ::-webkit-inner-spin-button {
149
+ height: auto;
150
+ }
151
+
152
+ ::-webkit-outer-spin-button {
149
153
  height: auto;
150
154
  }
151
155
 
@@ -256,15 +260,55 @@ input::placeholder, textarea::placeholder {
256
260
  }
257
261
 
258
262
  ::-webkit-date-and-time-value {
259
- min-height: 1.5em;
260
263
  text-align: inherit;
264
+ min-height: 1.5em;
261
265
  }
262
266
 
263
267
  ::-webkit-datetime-edit {
264
268
  display: inline-flex;
265
269
  }
266
270
 
267
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
271
+ ::-webkit-datetime-edit {
272
+ padding-top: 0;
273
+ padding-bottom: 0;
274
+ }
275
+
276
+ ::-webkit-datetime-edit-year-field {
277
+ padding-top: 0;
278
+ padding-bottom: 0;
279
+ }
280
+
281
+ ::-webkit-datetime-edit-month-field {
282
+ padding-top: 0;
283
+ padding-bottom: 0;
284
+ }
285
+
286
+ ::-webkit-datetime-edit-day-field {
287
+ padding-top: 0;
288
+ padding-bottom: 0;
289
+ }
290
+
291
+ ::-webkit-datetime-edit-hour-field {
292
+ padding-top: 0;
293
+ padding-bottom: 0;
294
+ }
295
+
296
+ ::-webkit-datetime-edit-minute-field {
297
+ padding-top: 0;
298
+ padding-bottom: 0;
299
+ }
300
+
301
+ ::-webkit-datetime-edit-second-field {
302
+ padding-top: 0;
303
+ padding-bottom: 0;
304
+ }
305
+
306
+ ::-webkit-datetime-edit-millisecond-field {
307
+ padding-top: 0;
308
+ padding-bottom: 0;
309
+ }
310
+
311
+ ::-webkit-datetime-edit-meridiem-field {
268
312
  padding-top: 0;
269
313
  padding-bottom: 0;
270
314
  }
@@ -293,8 +337,6 @@ select {
293
337
  vertical-align: middle;
294
338
  -webkit-user-select: none;
295
339
  user-select: none;
296
- height: 1rem;
297
- width: 1rem;
298
340
  color: #2563eb;
299
341
  --tw-shadow: 0 0 #0000;
300
342
  background-color: #fff;
@@ -302,6 +344,8 @@ select {
302
344
  border-width: 1px;
303
345
  border-color: #6b7280;
304
346
  flex-shrink: 0;
347
+ width: 1rem;
348
+ height: 1rem;
305
349
  padding: 0;
306
350
  display: inline-block;
307
351
  }
@@ -377,9 +421,9 @@ select {
377
421
  }
378
422
 
379
423
  html {
380
- height: 100vh;
381
- width: 100vw;
382
424
  scroll-behavior: smooth;
425
+ width: 100vw;
426
+ height: 100vh;
383
427
  }
384
428
 
385
429
  @media screen and (prefers-reduced-motion: reduce) {
@@ -389,8 +433,8 @@ html {
389
433
  }
390
434
 
391
435
  body {
392
- width: 100vw;
393
436
  color: var(--lookbook-text);
437
+ width: 100vw;
394
438
  font-family: Inter var, 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;
395
439
  font-size: .875rem;
396
440
  line-height: 1.25rem;
@@ -407,8 +451,8 @@ pre[class*="language-"] {
407
451
  }
408
452
 
409
453
  ::-webkit-scrollbar {
410
- height: .25rem;
411
454
  width: .25rem;
455
+ height: .25rem;
412
456
  }
413
457
 
414
458
  ::-webkit-scrollbar-track {
@@ -513,15 +557,55 @@ pre[class*="language-"] {
513
557
  }
514
558
 
515
559
  .form-input::-webkit-date-and-time-value {
516
- min-height: 1.5em;
517
560
  text-align: inherit;
561
+ min-height: 1.5em;
518
562
  }
519
563
 
520
564
  .form-input::-webkit-datetime-edit {
521
565
  display: inline-flex;
522
566
  }
523
567
 
524
- .form-input::-webkit-datetime-edit, .form-input::-webkit-datetime-edit-year-field, .form-input::-webkit-datetime-edit-month-field, .form-input::-webkit-datetime-edit-day-field, .form-input::-webkit-datetime-edit-hour-field, .form-input::-webkit-datetime-edit-minute-field, .form-input::-webkit-datetime-edit-second-field, .form-input::-webkit-datetime-edit-millisecond-field, .form-input::-webkit-datetime-edit-meridiem-field {
568
+ .form-input::-webkit-datetime-edit {
569
+ padding-top: 0;
570
+ padding-bottom: 0;
571
+ }
572
+
573
+ .form-input::-webkit-datetime-edit-year-field {
574
+ padding-top: 0;
575
+ padding-bottom: 0;
576
+ }
577
+
578
+ .form-input::-webkit-datetime-edit-month-field {
579
+ padding-top: 0;
580
+ padding-bottom: 0;
581
+ }
582
+
583
+ .form-input::-webkit-datetime-edit-day-field {
584
+ padding-top: 0;
585
+ padding-bottom: 0;
586
+ }
587
+
588
+ .form-input::-webkit-datetime-edit-hour-field {
589
+ padding-top: 0;
590
+ padding-bottom: 0;
591
+ }
592
+
593
+ .form-input::-webkit-datetime-edit-minute-field {
594
+ padding-top: 0;
595
+ padding-bottom: 0;
596
+ }
597
+
598
+ .form-input::-webkit-datetime-edit-second-field {
599
+ padding-top: 0;
600
+ padding-bottom: 0;
601
+ }
602
+
603
+ .form-input::-webkit-datetime-edit-millisecond-field {
604
+ padding-top: 0;
605
+ padding-bottom: 0;
606
+ }
607
+
608
+ .form-input::-webkit-datetime-edit-meridiem-field {
525
609
  padding-top: 0;
526
610
  padding-bottom: 0;
527
611
  }
@@ -555,15 +639,7 @@ pre[class*="language-"] {
555
639
  font-weight: 600;
556
640
  }
557
641
 
558
- .prose :where(a strong):not(:where([class~="not-prose"] *)) {
559
- color: inherit;
560
- }
561
-
562
- .prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
563
- color: inherit;
564
- }
565
-
566
- .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
642
+ .prose :where(a strong):not(:where([class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
567
643
  color: inherit;
568
644
  }
569
645
 
@@ -735,11 +811,7 @@ pre[class*="language-"] {
735
811
  content: "`";
736
812
  }
737
813
 
738
- .prose :where(a code):not(:where([class~="not-prose"] *)) {
739
- color: inherit;
740
- }
741
-
742
- .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
814
+ .prose :where(a code):not(:where([class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"] *)) {
743
815
  color: inherit;
744
816
  }
745
817
 
@@ -753,15 +825,7 @@ pre[class*="language-"] {
753
825
  font-size: .9em;
754
826
  }
755
827
 
756
- .prose :where(h4 code):not(:where([class~="not-prose"] *)) {
757
- color: inherit;
758
- }
759
-
760
- .prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
761
- color: inherit;
762
- }
763
-
764
- .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
828
+ .prose :where(h4 code):not(:where([class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"] *)) {
765
829
  color: inherit;
766
830
  }
767
831
 
@@ -795,9 +859,9 @@ pre[class*="language-"] {
795
859
  }
796
860
 
797
861
  .prose :where(table):not(:where([class~="not-prose"] *)) {
798
- width: 100%;
799
862
  table-layout: auto;
800
863
  text-align: left;
864
+ width: 100%;
801
865
  margin-top: 2em;
802
866
  margin-bottom: 2em;
803
867
  font-size: .875em;
@@ -877,12 +941,7 @@ pre[class*="language-"] {
877
941
  line-height: 1.75;
878
942
  }
879
943
 
880
- .prose :where(video):not(:where([class~="not-prose"] *)) {
881
- margin-top: 2em;
882
- margin-bottom: 2em;
883
- }
884
-
885
- .prose :where(figure):not(:where([class~="not-prose"] *)) {
944
+ .prose :where(video):not(:where([class~="not-prose"] *)), .prose :where(figure):not(:where([class~="not-prose"] *)) {
886
945
  margin-top: 2em;
887
946
  margin-bottom: 2em;
888
947
  }
@@ -892,11 +951,7 @@ pre[class*="language-"] {
892
951
  margin-bottom: .5em;
893
952
  }
894
953
 
895
- .prose :where(ol > li):not(:where([class~="not-prose"] *)) {
896
- padding-left: .375em;
897
- }
898
-
899
- .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
954
+ .prose :where(ol > li):not(:where([class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"] *)) {
900
955
  padding-left: .375em;
901
956
  }
902
957
 
@@ -926,19 +981,7 @@ pre[class*="language-"] {
926
981
  margin-bottom: .75em;
927
982
  }
928
983
 
929
- .prose :where(hr + *):not(:where([class~="not-prose"] *)) {
930
- margin-top: 0;
931
- }
932
-
933
- .prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
934
- margin-top: 0;
935
- }
936
-
937
- .prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
938
- margin-top: 0;
939
- }
940
-
941
- .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
984
+ .prose :where(hr + *):not(:where([class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
942
985
  margin-top: 0;
943
986
  }
944
987
 
@@ -1020,17 +1063,7 @@ pre[class*="language-"] {
1020
1063
  line-height: 1.42857;
1021
1064
  }
1022
1065
 
1023
- .prose-sm :where(img):not(:where([class~="not-prose"] *)) {
1024
- margin-top: 1.71429em;
1025
- margin-bottom: 1.71429em;
1026
- }
1027
-
1028
- .prose-sm :where(video):not(:where([class~="not-prose"] *)) {
1029
- margin-top: 1.71429em;
1030
- margin-bottom: 1.71429em;
1031
- }
1032
-
1033
- .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
1066
+ .prose-sm :where(img):not(:where([class~="not-prose"] *)), .prose-sm :where(video):not(:where([class~="not-prose"] *)), .prose-sm :where(figure):not(:where([class~="not-prose"] *)) {
1034
1067
  margin-top: 1.71429em;
1035
1068
  margin-bottom: 1.71429em;
1036
1069
  }
@@ -1067,13 +1100,7 @@ pre[class*="language-"] {
1067
1100
  line-height: 1.66667;
1068
1101
  }
1069
1102
 
1070
- .prose-sm :where(ol):not(:where([class~="not-prose"] *)) {
1071
- margin-top: 1.14286em;
1072
- margin-bottom: 1.14286em;
1073
- padding-left: 1.57143em;
1074
- }
1075
-
1076
- .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
1103
+ .prose-sm :where(ol):not(:where([class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"] *)) {
1077
1104
  margin-top: 1.14286em;
1078
1105
  margin-bottom: 1.14286em;
1079
1106
  padding-left: 1.57143em;
@@ -1084,11 +1111,7 @@ pre[class*="language-"] {
1084
1111
  margin-bottom: .285714em;
1085
1112
  }
1086
1113
 
1087
- .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)) {
1088
- padding-left: .428571em;
1089
- }
1090
-
1091
- .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
1114
+ .prose-sm :where(ol > li):not(:where([class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
1092
1115
  padding-left: .428571em;
1093
1116
  }
1094
1117
 
@@ -1123,19 +1146,7 @@ pre[class*="language-"] {
1123
1146
  margin-bottom: 2.85714em;
1124
1147
  }
1125
1148
 
1126
- .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)) {
1127
- margin-top: 0;
1128
- }
1129
-
1130
- .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)) {
1131
- margin-top: 0;
1132
- }
1133
-
1134
- .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)) {
1135
- margin-top: 0;
1136
- }
1137
-
1138
- .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
1149
+ .prose-sm :where(hr + *):not(:where([class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"] *)) {
1139
1150
  margin-top: 0;
1140
1151
  }
1141
1152
 
@@ -1228,17 +1239,7 @@ pre[class*="language-"] {
1228
1239
  line-height: 1.55556;
1229
1240
  }
1230
1241
 
1231
- .prose-lg :where(img):not(:where([class~="not-prose"] *)) {
1232
- margin-top: 1.77778em;
1233
- margin-bottom: 1.77778em;
1234
- }
1235
-
1236
- .prose-lg :where(video):not(:where([class~="not-prose"] *)) {
1237
- margin-top: 1.77778em;
1238
- margin-bottom: 1.77778em;
1239
- }
1240
-
1241
- .prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
1242
+ .prose-lg :where(img):not(:where([class~="not-prose"] *)), .prose-lg :where(video):not(:where([class~="not-prose"] *)), .prose-lg :where(figure):not(:where([class~="not-prose"] *)) {
1242
1243
  margin-top: 1.77778em;
1243
1244
  margin-bottom: 1.77778em;
1244
1245
  }
@@ -1275,13 +1276,7 @@ pre[class*="language-"] {
1275
1276
  line-height: 1.75;
1276
1277
  }
1277
1278
 
1278
- .prose-lg :where(ol):not(:where([class~="not-prose"] *)) {
1279
- margin-top: 1.33333em;
1280
- margin-bottom: 1.33333em;
1281
- padding-left: 1.55556em;
1282
- }
1283
-
1284
- .prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
1279
+ .prose-lg :where(ol):not(:where([class~="not-prose"] *)), .prose-lg :where(ul):not(:where([class~="not-prose"] *)) {
1285
1280
  margin-top: 1.33333em;
1286
1281
  margin-bottom: 1.33333em;
1287
1282
  padding-left: 1.55556em;
@@ -1292,11 +1287,7 @@ pre[class*="language-"] {
1292
1287
  margin-bottom: .666667em;
1293
1288
  }
1294
1289
 
1295
- .prose-lg :where(ol > li):not(:where([class~="not-prose"] *)) {
1296
- padding-left: .444444em;
1297
- }
1298
-
1299
- .prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
1290
+ .prose-lg :where(ol > li):not(:where([class~="not-prose"] *)), .prose-lg :where(ul > li):not(:where([class~="not-prose"] *)) {
1300
1291
  padding-left: .444444em;
1301
1292
  }
1302
1293
 
@@ -1331,19 +1322,7 @@ pre[class*="language-"] {
1331
1322
  margin-bottom: 3.11111em;
1332
1323
  }
1333
1324
 
1334
- .prose-lg :where(hr + *):not(:where([class~="not-prose"] *)) {
1335
- margin-top: 0;
1336
- }
1337
-
1338
- .prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)) {
1339
- margin-top: 0;
1340
- }
1341
-
1342
- .prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)) {
1343
- margin-top: 0;
1344
- }
1345
-
1346
- .prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
1325
+ .prose-lg :where(hr + *):not(:where([class~="not-prose"] *)), .prose-lg :where(h2 + *):not(:where([class~="not-prose"] *)), .prose-lg :where(h3 + *):not(:where([class~="not-prose"] *)), .prose-lg :where(h4 + *):not(:where([class~="not-prose"] *)) {
1347
1326
  margin-top: 0;
1348
1327
  }
1349
1328
 
@@ -1402,8 +1381,7 @@ pre[class*="language-"] {
1402
1381
  [data-component="code"] .code {
1403
1382
  padding-top: 1rem;
1404
1383
  padding-bottom: 1rem;
1405
- overflow-x: auto;
1406
- overflow-y: hidden;
1384
+ overflow: auto hidden;
1407
1385
  }
1408
1386
 
1409
1387
  [data-component="code"].numbered {
@@ -1411,22 +1389,22 @@ pre[class*="language-"] {
1411
1389
  }
1412
1390
 
1413
1391
  [data-component="code"].numbered .wrapper {
1414
- height: 100%;
1415
- width: 100%;
1416
1392
  grid-template-columns: min-content 1fr;
1393
+ width: 100%;
1394
+ height: 100%;
1417
1395
  display: grid;
1418
1396
  position: relative;
1419
1397
  }
1420
1398
 
1421
1399
  [data-component="code"].numbered .line-numbers {
1422
- width: min-content;
1423
1400
  z-index: 10;
1424
- height: 100%;
1425
1401
  -webkit-user-select: none;
1426
1402
  user-select: none;
1427
1403
  text-align: right;
1428
1404
  border-style: dashed;
1429
1405
  border-right-width: 1px;
1406
+ width: min-content;
1407
+ height: 100%;
1430
1408
  padding: .75rem;
1431
1409
  }
1432
1410
 
@@ -1486,15 +1464,15 @@ pre[class*="language-"] {
1486
1464
  }
1487
1465
 
1488
1466
  [data-component="header"] .header-project-icon {
1489
- height: 1.25rem;
1490
- width: min-content;
1491
1467
  flex: none;
1468
+ width: min-content;
1469
+ height: 1.25rem;
1492
1470
  display: inline-block;
1493
1471
  }
1494
1472
 
1495
1473
  [data-component="header"] .header-project-icon svg {
1496
- height: 100%;
1497
1474
  width: auto;
1475
+ height: 100%;
1498
1476
  }
1499
1477
 
1500
1478
  [data-component="icon"] {
@@ -1507,12 +1485,12 @@ pre[class*="language-"] {
1507
1485
  }
1508
1486
 
1509
1487
  [data-component="icon"] svg {
1510
- height: 100%;
1511
- width: 100%;
1512
1488
  fill: #0000;
1513
1489
  stroke: currentColor;
1514
1490
  stroke-linecap: round;
1515
1491
  stroke-linejoin: round;
1492
+ width: 100%;
1493
+ height: 100%;
1516
1494
  }
1517
1495
 
1518
1496
  [data-component="icon"].icon-stroke-2 svg {
@@ -1529,7 +1507,6 @@ pre[class*="language-"] {
1529
1507
  }
1530
1508
 
1531
1509
  [data-component="message"] {
1532
- width: 100%;
1533
1510
  border-width: 1px;
1534
1511
  border-color: var(--lookbook-divider);
1535
1512
  background-color: var(--lookbook-message-bg);
@@ -1538,6 +1515,7 @@ pre[class*="language-"] {
1538
1515
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1539
1516
  border-radius: .25rem;
1540
1517
  gap: 1.5rem;
1518
+ width: 100%;
1541
1519
  padding: 1rem;
1542
1520
  display: flex;
1543
1521
  }
@@ -1597,12 +1575,12 @@ pre[class*="language-"] {
1597
1575
  }
1598
1576
 
1599
1577
  [data-component="nav"] .nav-action {
1600
- width: 100%;
1601
1578
  cursor: pointer;
1602
1579
  -webkit-user-select: none;
1603
1580
  user-select: none;
1604
1581
  color: var(--lookbook-nav-text);
1605
1582
  align-items: center;
1583
+ width: 100%;
1606
1584
  padding-top: .25rem;
1607
1585
  padding-bottom: .25rem;
1608
1586
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
@@ -1616,8 +1594,8 @@ pre[class*="language-"] {
1616
1594
  }
1617
1595
 
1618
1596
  [data-component="nav"] .nav-action-inner {
1619
- width: 100%;
1620
1597
  align-items: center;
1598
+ width: 100%;
1621
1599
  display: flex;
1622
1600
  position: relative;
1623
1601
  }
@@ -1740,10 +1718,10 @@ pre[class*="language-"] {
1740
1718
  }
1741
1719
 
1742
1720
  [data-component="toolbar"] .toolbar-sections > * {
1743
- height: 2.5rem;
1744
1721
  white-space: nowrap;
1745
1722
  border-color: var(--lookbook-toolbar-divider);
1746
1723
  align-items: center;
1724
+ height: 2.5rem;
1747
1725
  display: flex;
1748
1726
  }
1749
1727
 
@@ -1765,12 +1743,12 @@ pre[class*="language-"] {
1765
1743
  }
1766
1744
 
1767
1745
  [data-component="viewport"] .resize-handle {
1768
- height: 100%;
1769
- width: 100%;
1770
1746
  border-color: var(--lookbook-divider);
1771
1747
  background-color: var(--lookbook-viewport-handle);
1772
1748
  justify-content: center;
1773
1749
  align-items: center;
1750
+ width: 100%;
1751
+ height: 100%;
1774
1752
  display: flex;
1775
1753
  }
1776
1754
 
@@ -1812,9 +1790,9 @@ pre[class*="language-"] {
1812
1790
  }
1813
1791
 
1814
1792
  [type="text"], [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], textarea, select {
1815
- width: 100%;
1816
1793
  background-color: var(--lookbook-input-bg);
1817
1794
  border-radius: .375rem;
1795
+ width: 100%;
1818
1796
  font-size: .875rem;
1819
1797
  line-height: 1.25rem;
1820
1798
  display: block;
@@ -1823,8 +1801,8 @@ pre[class*="language-"] {
1823
1801
  input[type="range"] {
1824
1802
  appearance: none;
1825
1803
  cursor: pointer;
1826
- width: 100%;
1827
1804
  background: none;
1805
+ width: 100%;
1828
1806
  }
1829
1807
 
1830
1808
  input[type="range"]:focus {
@@ -1833,34 +1811,40 @@ input[type="range"]:focus {
1833
1811
 
1834
1812
  input[type="range"]::-webkit-slider-runnable-track {
1835
1813
  background-color: var(--lookbook-input-toggle);
1836
- height: .5rem;
1837
1814
  border-radius: .5rem;
1815
+ height: .5rem;
1838
1816
  }
1839
1817
 
1840
1818
  input[type="range"]::-webkit-slider-thumb {
1841
1819
  appearance: none;
1842
1820
  background-color: var(--lookbook-input-toggle-active);
1843
- height: 1rem;
1844
- width: 1rem;
1845
1821
  border-radius: .5rem;
1822
+ width: 1rem;
1823
+ height: 1rem;
1846
1824
  margin-top: -4px;
1847
1825
  }
1848
1826
 
1849
1827
  input[type="range"]::-moz-range-track {
1850
1828
  background-color: var(--lookbook-input-toggle);
1851
- height: .5rem;
1852
1829
  border-radius: .5rem;
1830
+ height: .5rem;
1853
1831
  }
1854
1832
 
1855
1833
  input[type="range"]::-moz-range-thumb {
1856
1834
  background-color: var(--lookbook-input-toggle-active);
1857
- height: 1rem;
1858
- width: 1rem;
1859
1835
  border: none;
1860
1836
  border-radius: .5rem;
1837
+ width: 1rem;
1838
+ height: 1rem;
1839
+ }
1840
+
1841
+ input[type="range"]:focus::-webkit-slider-thumb {
1842
+ outline-offset: 2px;
1843
+ outline-width: 1px;
1844
+ outline-color: var(--lookbook-input-toggle-active);
1861
1845
  }
1862
1846
 
1863
- input[type="range"]:focus::-webkit-slider-thumb, input[type="range"]:focus::-moz-range-thumb {
1847
+ input[type="range"]:focus::-moz-range-thumb {
1864
1848
  outline-offset: 2px;
1865
1849
  outline-width: 1px;
1866
1850
  outline-color: var(--lookbook-input-toggle-active);
@@ -1868,11 +1852,11 @@ input[type="range"]:focus::-webkit-slider-thumb, input[type="range"]:focus::-moz
1868
1852
 
1869
1853
  input[type="color"] {
1870
1854
  -webkit-appearance: none;
1871
- width: 46px;
1872
1855
  cursor: pointer;
1873
1856
  border-width: 1px;
1874
1857
  border-color: var(--lookbook-input-border);
1875
1858
  border-radius: .5rem;
1859
+ width: 46px;
1876
1860
  }
1877
1861
 
1878
1862
  input[type="color"]::-webkit-color-swatch-wrapper {
@@ -3330,9 +3314,9 @@ select.compact {
3330
3314
  }
3331
3315
 
3332
3316
  .tippy-arrow {
3317
+ color: #333;
3333
3318
  width: 16px;
3334
3319
  height: 16px;
3335
- color: #333;
3336
3320
  }
3337
3321
 
3338
3322
  .tippy-arrow:before {
@@ -3909,17 +3893,7 @@ select.compact {
3909
3893
  line-height: 1.5;
3910
3894
  }
3911
3895
 
3912
- .lg\:prose-base :where(img):not(:where([class~="not-prose"] *)) {
3913
- margin-top: 2em;
3914
- margin-bottom: 2em;
3915
- }
3916
-
3917
- .lg\:prose-base :where(video):not(:where([class~="not-prose"] *)) {
3918
- margin-top: 2em;
3919
- margin-bottom: 2em;
3920
- }
3921
-
3922
- .lg\:prose-base :where(figure):not(:where([class~="not-prose"] *)) {
3896
+ .lg\:prose-base :where(img):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(video):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(figure):not(:where([class~="not-prose"] *)) {
3923
3897
  margin-top: 2em;
3924
3898
  margin-bottom: 2em;
3925
3899
  }
@@ -3935,11 +3909,7 @@ select.compact {
3935
3909
  line-height: 1.42857;
3936
3910
  }
3937
3911
 
3938
- .lg\:prose-base :where(code):not(:where([class~="not-prose"] *)) {
3939
- font-size: .875em;
3940
- }
3941
-
3942
- .lg\:prose-base :where(h2 code):not(:where([class~="not-prose"] *)) {
3912
+ .lg\:prose-base :where(code):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(h2 code):not(:where([class~="not-prose"] *)) {
3943
3913
  font-size: .875em;
3944
3914
  }
3945
3915
 
@@ -3956,13 +3926,7 @@ select.compact {
3956
3926
  line-height: 1.71429;
3957
3927
  }
3958
3928
 
3959
- .lg\:prose-base :where(ol):not(:where([class~="not-prose"] *)) {
3960
- margin-top: 1.25em;
3961
- margin-bottom: 1.25em;
3962
- padding-left: 1.625em;
3963
- }
3964
-
3965
- .lg\:prose-base :where(ul):not(:where([class~="not-prose"] *)) {
3929
+ .lg\:prose-base :where(ol):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(ul):not(:where([class~="not-prose"] *)) {
3966
3930
  margin-top: 1.25em;
3967
3931
  margin-bottom: 1.25em;
3968
3932
  padding-left: 1.625em;
@@ -3973,11 +3937,7 @@ select.compact {
3973
3937
  margin-bottom: .5em;
3974
3938
  }
3975
3939
 
3976
- .lg\:prose-base :where(ol > li):not(:where([class~="not-prose"] *)) {
3977
- padding-left: .375em;
3978
- }
3979
-
3980
- .lg\:prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
3940
+ .lg\:prose-base :where(ol > li):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
3981
3941
  padding-left: .375em;
3982
3942
  }
3983
3943
 
@@ -4012,19 +3972,7 @@ select.compact {
4012
3972
  margin-bottom: 3em;
4013
3973
  }
4014
3974
 
4015
- .lg\:prose-base :where(hr + *):not(:where([class~="not-prose"] *)) {
4016
- margin-top: 0;
4017
- }
4018
-
4019
- .lg\:prose-base :where(h2 + *):not(:where([class~="not-prose"] *)) {
4020
- margin-top: 0;
4021
- }
4022
-
4023
- .lg\:prose-base :where(h3 + *):not(:where([class~="not-prose"] *)) {
4024
- margin-top: 0;
4025
- }
4026
-
4027
- .lg\:prose-base :where(h4 + *):not(:where([class~="not-prose"] *)) {
3975
+ .lg\:prose-base :where(hr + *):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(h2 + *):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(h3 + *):not(:where([class~="not-prose"] *)), .lg\:prose-base :where(h4 + *):not(:where([class~="not-prose"] *)) {
4028
3976
  margin-top: 0;
4029
3977
  }
4030
3978