lookbook 2.0.0.beta.3 → 2.0.0.beta.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/lookbook/css/lookbook.css +6 -0
  3. data/app/assets/lookbook/css/themes/blue.css +4 -1
  4. data/app/assets/lookbook/css/themes/green.css +4 -1
  5. data/app/assets/lookbook/css/themes/indigo.css +4 -1
  6. data/app/assets/lookbook/css/themes/rose.css +4 -1
  7. data/app/assets/lookbook/css/themes/zinc.css +4 -1
  8. data/app/assets/lookbook/img/lucide-sprite.svg +869 -869
  9. data/app/components/lookbook/code/highlight_github.css +16 -17
  10. data/app/components/lookbook/dimensions_display/component.js +4 -7
  11. data/app/components/lookbook/file_source/component.html.erb +9 -0
  12. data/app/components/lookbook/file_source/component.rb +73 -0
  13. data/app/components/lookbook/header/component.html.erb +11 -8
  14. data/app/components/lookbook/icon/component.css +1 -1
  15. data/app/components/lookbook/icon/component.html.erb +1 -1
  16. data/app/components/lookbook/icon/component.rb +4 -1
  17. data/app/components/lookbook/logo/component.html.erb +6 -0
  18. data/app/components/lookbook/logo/component.rb +15 -0
  19. data/app/components/lookbook/message/component.css +33 -0
  20. data/app/components/lookbook/message/component.html.erb +26 -0
  21. data/app/components/lookbook/message/component.rb +13 -0
  22. data/app/components/lookbook/nav/entity/component.html.erb +1 -1
  23. data/app/components/lookbook/nav/entity/component.rb +1 -1
  24. data/app/components/lookbook/params/field/component.css +3 -3
  25. data/app/components/lookbook/prose/component.css +8 -1
  26. data/app/components/lookbook/prose/component.html.erb +6 -1
  27. data/app/components/lookbook/prose/component.rb +2 -2
  28. data/app/controllers/concerns/lookbook/targetable_concern.rb +2 -16
  29. data/app/controllers/lookbook/application_controller.rb +38 -14
  30. data/app/controllers/lookbook/embeds_controller.rb +3 -4
  31. data/app/controllers/lookbook/inspector_controller.rb +4 -12
  32. data/app/controllers/lookbook/pages_controller.rb +15 -27
  33. data/app/controllers/lookbook/preview_controller.rb +30 -2
  34. data/app/controllers/lookbook/previews_controller.rb +13 -15
  35. data/app/views/layouts/lookbook/application.html.erb +1 -0
  36. data/app/views/layouts/lookbook/skeleton.html.erb +2 -2
  37. data/app/views/lookbook/errors/default.html.erb +40 -0
  38. data/app/views/lookbook/errors/not_found.html.erb +10 -0
  39. data/app/views/lookbook/index.html.erb +29 -24
  40. data/app/views/lookbook/pages/show.html.erb +6 -5
  41. data/app/views/lookbook/partials/_blank_slate.html.erb +7 -0
  42. data/config/app.yml +8 -0
  43. data/config/routes.rb +2 -0
  44. data/lib/lookbook/engine.rb +6 -3
  45. data/lib/lookbook/entities/concerns/annotatable_entity.rb +26 -1
  46. data/lib/lookbook/entities/concerns/inspectable_entity.rb +17 -2
  47. data/lib/lookbook/entities/concerns/locatable_entity.rb +51 -7
  48. data/lib/lookbook/entities/concerns/navigable_entity.rb +14 -1
  49. data/lib/lookbook/entities/entity.rb +34 -12
  50. data/lib/lookbook/entities/page_entity.rb +68 -10
  51. data/lib/lookbook/entities/page_section_entity.rb +4 -0
  52. data/lib/lookbook/entities/preview_entity.rb +107 -17
  53. data/lib/lookbook/entities/renderable_entity.rb +47 -9
  54. data/lib/lookbook/entities/rendered_scenario_entity.rb +17 -6
  55. data/lib/lookbook/entities/scenario_entity.rb +77 -16
  56. data/lib/lookbook/entities/scenario_group_entity.rb +82 -9
  57. data/lib/lookbook/helpers/page_helper.rb +26 -1
  58. data/lib/lookbook/helpers/ui_elements_helper.rb +0 -24
  59. data/lib/lookbook/param.rb +1 -1
  60. data/lib/lookbook/stores/config_store.rb +0 -12
  61. data/lib/lookbook/support/errors/config_error.rb +1 -1
  62. data/lib/lookbook/support/errors/error.rb +64 -0
  63. data/lib/lookbook/support/errors/parser_error.rb +1 -1
  64. data/lib/lookbook/support/errors/preview_template_error.rb +1 -1
  65. data/lib/lookbook/support/errors/routing_error.rb +7 -0
  66. data/lib/lookbook/support/errors/template_error.rb +7 -0
  67. data/lib/lookbook/version.rb +1 -1
  68. data/public/lookbook-assets/css/lookbook.css +374 -53
  69. data/public/lookbook-assets/css/lookbook.css.map +1 -1
  70. data/public/lookbook-assets/css/themes/blue.css +4 -1
  71. data/public/lookbook-assets/css/themes/blue.css.map +1 -1
  72. data/public/lookbook-assets/css/themes/green.css +4 -1
  73. data/public/lookbook-assets/css/themes/green.css.map +1 -1
  74. data/public/lookbook-assets/css/themes/indigo.css +4 -1
  75. data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
  76. data/public/lookbook-assets/css/themes/rose.css +4 -1
  77. data/public/lookbook-assets/css/themes/rose.css.map +1 -1
  78. data/public/lookbook-assets/css/themes/zinc.css +4 -1
  79. data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
  80. data/public/lookbook-assets/img/lucide-sprite.svg +869 -869
  81. data/public/lookbook-assets/js/index.js +125 -125
  82. data/public/lookbook-assets/js/index.js.map +1 -1
  83. metadata +15 -7
  84. data/app/views/layouts/lookbook/shell.html.erb +0 -25
  85. data/app/views/lookbook/404.html.erb +0 -15
  86. data/app/views/lookbook/error.html.erb +0 -46
  87. data/lib/lookbook/error.rb +0 -120
  88. data/lib/lookbook/support/errors/lookbook_error.rb +0 -21
@@ -1468,7 +1468,6 @@ pre[class*="language-"] {
1468
1468
  width: 100%;
1469
1469
  fill: #0000;
1470
1470
  stroke: currentColor;
1471
- stroke-width: 2px;
1472
1471
  stroke-linecap: round;
1473
1472
  stroke-linejoin: round;
1474
1473
  }
@@ -1478,6 +1477,76 @@ pre[class*="language-"] {
1478
1477
  padding: 1rem;
1479
1478
  }
1480
1479
 
1480
+ [data-component="message"] {
1481
+ width: 100%;
1482
+ border-width: 1px;
1483
+ border-color: var(--lookbook-divider);
1484
+ background-color: var(--lookbook-message-bg);
1485
+ --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
1486
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
1487
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1488
+ border-radius: .25rem;
1489
+ gap: 1.5rem;
1490
+ padding: 1rem;
1491
+ display: flex;
1492
+ }
1493
+
1494
+ @media (min-width: 480px) {
1495
+ [data-component="message"] {
1496
+ padding: 1.5rem;
1497
+ }
1498
+ }
1499
+
1500
+ [data-component="message"].icon-right {
1501
+ flex-direction: row-reverse;
1502
+ align-items: center;
1503
+ }
1504
+
1505
+ [data-component="message"].icon-left {
1506
+ align-items: flex-start;
1507
+ }
1508
+
1509
+ [data-component="message"] .message-title {
1510
+ text-overflow: ellipsis;
1511
+ white-space: nowrap;
1512
+ text-transform: uppercase;
1513
+ letter-spacing: .025em;
1514
+ color: var(--lookbook-message-title);
1515
+ margin-bottom: .5rem;
1516
+ font-size: 1rem;
1517
+ font-weight: 700;
1518
+ line-height: 1.5rem;
1519
+ overflow: hidden;
1520
+ }
1521
+
1522
+ [data-component="message"] .message-icon {
1523
+ opacity: .3;
1524
+ flex: none;
1525
+ display: none;
1526
+ }
1527
+
1528
+ @media (min-width: 480px) {
1529
+ [data-component="message"] .message-icon {
1530
+ display: block;
1531
+ }
1532
+ }
1533
+
1534
+ [data-component="message"].theme-error {
1535
+ --tw-border-opacity: 1;
1536
+ border-color: rgb(254 202 202 / var(--tw-border-opacity));
1537
+ }
1538
+
1539
+ [data-component="message"].theme-error .message-title {
1540
+ --tw-text-opacity: 1;
1541
+ color: rgb(185 28 28 / var(--tw-text-opacity));
1542
+ }
1543
+
1544
+ [data-component="message"].theme-error .message-icon {
1545
+ --tw-text-opacity: 1;
1546
+ color: rgb(220 38 38 / var(--tw-text-opacity));
1547
+ opacity: .5;
1548
+ }
1549
+
1481
1550
  [data-component="nav"] .nav-action {
1482
1551
  width: 100%;
1483
1552
  cursor: pointer;
@@ -1520,7 +1589,7 @@ pre[class*="language-"] {
1520
1589
  text-align: left;
1521
1590
  vertical-align: middle;
1522
1591
  padding: 1rem;
1523
- font-weight: 700;
1592
+ font-weight: 600;
1524
1593
  }
1525
1594
 
1526
1595
  [data-component="params-editor"] table:not(.linear) thead th.param-label {
@@ -1542,7 +1611,7 @@ pre[class*="language-"] {
1542
1611
  }
1543
1612
 
1544
1613
  [data-component="params-editor"] table:not(.linear) tbody td.param-label {
1545
- font-weight: 700;
1614
+ font-weight: 600;
1546
1615
  }
1547
1616
 
1548
1617
  [data-component="params-editor"] table:not(.linear) tbody .param-input-wrapper {
@@ -1580,24 +1649,32 @@ pre[class*="language-"] {
1580
1649
  }
1581
1650
 
1582
1651
  [data-component="params-editor"] table.linear td.param-label {
1583
- font-weight: 700;
1652
+ font-weight: 600;
1584
1653
  }
1585
1654
 
1586
1655
  [data-component="params-editor"] table.linear td.param-description-empty {
1587
1656
  display: none;
1588
1657
  }
1589
1658
 
1659
+ [data-component="prose"] {
1660
+ letter-spacing: -.015em !important;
1661
+ }
1662
+
1590
1663
  [data-component="prose"] [data-component="code"] {
1591
1664
  border-width: 1px;
1592
1665
  border-color: var(--lookbook-divider);
1593
1666
  border-radius: .375rem;
1594
1667
  }
1595
1668
 
1596
- [data-component="prose"] [data-component="embed"], [data-component="prose"] [data-component="code"] {
1669
+ [data-component="prose"] [data-component="embed"], [data-component="prose"] [data-component="code"], [data-component="prose"] [data-lookbook-embed] {
1597
1670
  margin-top: 2rem;
1598
1671
  margin-bottom: 2rem;
1599
1672
  }
1600
1673
 
1674
+ [data-component="prose"] [data-lookbook-embed] {
1675
+ border-radius: .375rem;
1676
+ }
1677
+
1601
1678
  [data-component="tabs-dropdown-tab"]:not(.hidden) {
1602
1679
  border-bottom-width: 1px;
1603
1680
  border-bottom-color: var(--lookbook-divider);
@@ -1785,10 +1862,6 @@ select.compact {
1785
1862
  position: relative;
1786
1863
  }
1787
1864
 
1788
- .sticky {
1789
- position: sticky;
1790
- }
1791
-
1792
1865
  .-inset-px {
1793
1866
  inset: -1px;
1794
1867
  }
@@ -1907,6 +1980,10 @@ select.compact {
1907
1980
  margin-bottom: 1.5rem;
1908
1981
  }
1909
1982
 
1983
+ .mb-7 {
1984
+ margin-bottom: 1.75rem;
1985
+ }
1986
+
1910
1987
  .mb-8 {
1911
1988
  margin-bottom: 2rem;
1912
1989
  }
@@ -1955,14 +2032,6 @@ select.compact {
1955
2032
  margin-top: 3rem;
1956
2033
  }
1957
2034
 
1958
- .mt-2 {
1959
- margin-top: .5rem;
1960
- }
1961
-
1962
- .mt-3 {
1963
- margin-top: .75rem;
1964
- }
1965
-
1966
2035
  .mt-6 {
1967
2036
  margin-top: 1.5rem;
1968
2037
  }
@@ -2067,6 +2136,10 @@ select.compact {
2067
2136
  min-height: 0;
2068
2137
  }
2069
2138
 
2139
+ .min-h-\[50vh\] {
2140
+ min-height: 50vh;
2141
+ }
2142
+
2070
2143
  .w-11 {
2071
2144
  width: 2.75rem;
2072
2145
  }
@@ -2087,10 +2160,6 @@ select.compact {
2087
2160
  width: 1.25rem;
2088
2161
  }
2089
2162
 
2090
- .w-\[140px\] {
2091
- width: 140px;
2092
- }
2093
-
2094
2163
  .w-\[320px\] {
2095
2164
  width: 320px;
2096
2165
  }
@@ -2127,10 +2196,6 @@ select.compact {
2127
2196
  max-width: 1024px;
2128
2197
  }
2129
2198
 
2130
- .max-w-sm {
2131
- max-width: 24rem;
2132
- }
2133
-
2134
2199
  .flex-none {
2135
2200
  flex: none;
2136
2201
  }
@@ -2139,6 +2204,10 @@ select.compact {
2139
2204
  flex-shrink: 0;
2140
2205
  }
2141
2206
 
2207
+ .flex-grow {
2208
+ flex-grow: 1;
2209
+ }
2210
+
2142
2211
  .border-collapse {
2143
2212
  border-collapse: collapse;
2144
2213
  }
@@ -2629,8 +2698,8 @@ select.compact {
2629
2698
  padding-bottom: .75rem;
2630
2699
  }
2631
2700
 
2632
- .pb-4 {
2633
- padding-bottom: 1rem;
2701
+ .pb-6 {
2702
+ padding-bottom: 1.5rem;
2634
2703
  }
2635
2704
 
2636
2705
  .pl-0 {
@@ -2758,10 +2827,6 @@ select.compact {
2758
2827
  line-height: 1.25;
2759
2828
  }
2760
2829
 
2761
- .tracking-wide {
2762
- letter-spacing: .025em;
2763
- }
2764
-
2765
2830
  .tracking-wider {
2766
2831
  letter-spacing: .05em;
2767
2832
  }
@@ -2794,10 +2859,6 @@ select.compact {
2794
2859
  color: rgb(22 163 74 / var(--tw-text-opacity));
2795
2860
  }
2796
2861
 
2797
- .text-lookbook-blank-slate-title {
2798
- color: var(--lookbook-blank-slate-title);
2799
- }
2800
-
2801
2862
  .text-lookbook-branding-text {
2802
2863
  color: var(--lookbook-branding-text);
2803
2864
  }
@@ -2838,11 +2899,6 @@ select.compact {
2838
2899
  color: var(--lookbook-tabs-text-hover);
2839
2900
  }
2840
2901
 
2841
- .text-red-300 {
2842
- --tw-text-opacity: 1;
2843
- color: rgb(252 165 165 / var(--tw-text-opacity));
2844
- }
2845
-
2846
2902
  .text-red-700 {
2847
2903
  --tw-text-opacity: 1;
2848
2904
  color: rgb(185 28 28 / var(--tw-text-opacity));
@@ -2968,6 +3024,10 @@ select.compact {
2968
3024
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2969
3025
  }
2970
3026
 
3027
+ .bg-checked {
3028
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
3029
+ }
3030
+
2971
3031
  .tippy-box[data-animation="fade"][data-state="hidden"] {
2972
3032
  opacity: 0;
2973
3033
  }
@@ -3337,7 +3397,6 @@ select.compact {
3337
3397
 
3338
3398
  .theme-github .highlight .err {
3339
3399
  color: var(--hl-error-fg);
3340
- background-color: var(--hl-error-bg);
3341
3400
  }
3342
3401
 
3343
3402
  .theme-github .highlight .g {
@@ -3346,7 +3405,7 @@ select.compact {
3346
3405
 
3347
3406
  .theme-github .highlight .k {
3348
3407
  color: var(--hl-keyword);
3349
- font-weight: bold;
3408
+ font-weight: 600;
3350
3409
  }
3351
3410
 
3352
3411
  .theme-github .highlight .l {
@@ -3359,7 +3418,7 @@ select.compact {
3359
3418
 
3360
3419
  .theme-github .highlight .o {
3361
3420
  color: var(--hl-operator);
3362
- font-weight: bold;
3421
+ font-weight: 600;
3363
3422
  }
3364
3423
 
3365
3424
  .theme-github .highlight .x {
@@ -3377,7 +3436,7 @@ select.compact {
3377
3436
 
3378
3437
  .theme-github .highlight .cp {
3379
3438
  color: var(--hl-comment-preproc);
3380
- font-weight: bold;
3439
+ font-weight: 600;
3381
3440
  }
3382
3441
 
3383
3442
  .theme-github .highlight .c1 {
@@ -3389,7 +3448,7 @@ select.compact {
3389
3448
  color: var(--hl-comment-special-fg);
3390
3449
  background-color: var(--hl-comment-special-bg);
3391
3450
  font-style: italic;
3392
- font-weight: bold;
3451
+ font-weight: 600;
3393
3452
  }
3394
3453
 
3395
3454
  .theme-github .highlight .gd {
@@ -3425,12 +3484,12 @@ select.compact {
3425
3484
 
3426
3485
  .theme-github .highlight .gs {
3427
3486
  color: var(--hl-subtle-fg);
3428
- font-weight: bold;
3487
+ font-weight: 600;
3429
3488
  }
3430
3489
 
3431
3490
  .theme-github .highlight .gu {
3432
3491
  color: var(--hl-subheading);
3433
- font-weight: bold;
3492
+ font-weight: 600;
3434
3493
  }
3435
3494
 
3436
3495
  .theme-github .highlight .gt {
@@ -3439,12 +3498,12 @@ select.compact {
3439
3498
 
3440
3499
  .theme-github .highlight .kc, .theme-github .highlight .kd, .theme-github .highlight .kn, .theme-github .highlight .kp, .theme-github .highlight .kr {
3441
3500
  color: var(--hl-keyword-crude);
3442
- font-weight: bold;
3501
+ font-weight: 600;
3443
3502
  }
3444
3503
 
3445
3504
  .theme-github .highlight .kt {
3446
3505
  color: var(--hl-keyword-subtle);
3447
- font-weight: bold;
3506
+ font-weight: 600;
3448
3507
  }
3449
3508
 
3450
3509
  .theme-github .highlight .ld {
@@ -3469,7 +3528,7 @@ select.compact {
3469
3528
 
3470
3529
  .theme-github .highlight .nc {
3471
3530
  color: var(--hl-class);
3472
- font-weight: bold;
3531
+ font-weight: 600;
3473
3532
  }
3474
3533
 
3475
3534
  .theme-github .highlight .no {
@@ -3486,12 +3545,12 @@ select.compact {
3486
3545
 
3487
3546
  .theme-github .highlight .ne {
3488
3547
  color: var(--hl-exception);
3489
- font-weight: bold;
3548
+ font-weight: 600;
3490
3549
  }
3491
3550
 
3492
3551
  .theme-github .highlight .nf {
3493
3552
  color: var(--hl-function);
3494
- font-weight: bold;
3553
+ font-weight: 600;
3495
3554
  }
3496
3555
 
3497
3556
  .theme-github .highlight .nl {
@@ -3516,7 +3575,7 @@ select.compact {
3516
3575
 
3517
3576
  .theme-github .highlight .ow {
3518
3577
  color: var(--hl-word);
3519
- font-weight: bold;
3578
+ font-weight: 600;
3520
3579
  }
3521
3580
 
3522
3581
  .theme-github .highlight .w {
@@ -3568,6 +3627,216 @@ select.compact {
3568
3627
  background-color: #0000;
3569
3628
  }
3570
3629
 
3630
+ @media (min-width: 1024px) {
3631
+ .lg\:prose-base {
3632
+ font-size: 1rem;
3633
+ line-height: 1.75;
3634
+ }
3635
+
3636
+ .lg\:prose-base :where(p):not(:where([class~="not-prose"] *)) {
3637
+ margin-top: 1.25em;
3638
+ margin-bottom: 1.25em;
3639
+ }
3640
+
3641
+ .lg\:prose-base :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
3642
+ margin-top: 1.2em;
3643
+ margin-bottom: 1.2em;
3644
+ font-size: 1.25em;
3645
+ line-height: 1.6;
3646
+ }
3647
+
3648
+ .lg\:prose-base :where(blockquote):not(:where([class~="not-prose"] *)) {
3649
+ margin-top: 1.6em;
3650
+ margin-bottom: 1.6em;
3651
+ padding-left: 1em;
3652
+ }
3653
+
3654
+ .lg\:prose-base :where(h1):not(:where([class~="not-prose"] *)) {
3655
+ margin-top: 0;
3656
+ margin-bottom: .888889em;
3657
+ font-size: 2.25em;
3658
+ line-height: 1.11111;
3659
+ }
3660
+
3661
+ .lg\:prose-base :where(h2):not(:where([class~="not-prose"] *)) {
3662
+ margin-top: 2em;
3663
+ margin-bottom: 1em;
3664
+ font-size: 1.5em;
3665
+ line-height: 1.33333;
3666
+ }
3667
+
3668
+ .lg\:prose-base :where(h3):not(:where([class~="not-prose"] *)) {
3669
+ margin-top: 1.6em;
3670
+ margin-bottom: .6em;
3671
+ font-size: 1.25em;
3672
+ line-height: 1.6;
3673
+ }
3674
+
3675
+ .lg\:prose-base :where(h4):not(:where([class~="not-prose"] *)) {
3676
+ margin-top: 1.5em;
3677
+ margin-bottom: .5em;
3678
+ line-height: 1.5;
3679
+ }
3680
+
3681
+ .lg\:prose-base :where(img):not(:where([class~="not-prose"] *)) {
3682
+ margin-top: 2em;
3683
+ margin-bottom: 2em;
3684
+ }
3685
+
3686
+ .lg\:prose-base :where(video):not(:where([class~="not-prose"] *)) {
3687
+ margin-top: 2em;
3688
+ margin-bottom: 2em;
3689
+ }
3690
+
3691
+ .lg\:prose-base :where(figure):not(:where([class~="not-prose"] *)) {
3692
+ margin-top: 2em;
3693
+ margin-bottom: 2em;
3694
+ }
3695
+
3696
+ .lg\:prose-base :where(figure > *):not(:where([class~="not-prose"] *)) {
3697
+ margin-top: 0;
3698
+ margin-bottom: 0;
3699
+ }
3700
+
3701
+ .lg\:prose-base :where(figcaption):not(:where([class~="not-prose"] *)) {
3702
+ margin-top: .857143em;
3703
+ font-size: .875em;
3704
+ line-height: 1.42857;
3705
+ }
3706
+
3707
+ .lg\:prose-base :where(code):not(:where([class~="not-prose"] *)) {
3708
+ font-size: .875em;
3709
+ }
3710
+
3711
+ .lg\:prose-base :where(h2 code):not(:where([class~="not-prose"] *)) {
3712
+ font-size: .875em;
3713
+ }
3714
+
3715
+ .lg\:prose-base :where(h3 code):not(:where([class~="not-prose"] *)) {
3716
+ font-size: .9em;
3717
+ }
3718
+
3719
+ .lg\:prose-base :where(pre):not(:where([class~="not-prose"] *)) {
3720
+ border-radius: .375rem;
3721
+ margin-top: 1.71429em;
3722
+ margin-bottom: 1.71429em;
3723
+ padding: .857143em 1.14286em;
3724
+ font-size: .875em;
3725
+ line-height: 1.71429;
3726
+ }
3727
+
3728
+ .lg\:prose-base :where(ol):not(:where([class~="not-prose"] *)) {
3729
+ margin-top: 1.25em;
3730
+ margin-bottom: 1.25em;
3731
+ padding-left: 1.625em;
3732
+ }
3733
+
3734
+ .lg\:prose-base :where(ul):not(:where([class~="not-prose"] *)) {
3735
+ margin-top: 1.25em;
3736
+ margin-bottom: 1.25em;
3737
+ padding-left: 1.625em;
3738
+ }
3739
+
3740
+ .lg\:prose-base :where(li):not(:where([class~="not-prose"] *)) {
3741
+ margin-top: .5em;
3742
+ margin-bottom: .5em;
3743
+ }
3744
+
3745
+ .lg\:prose-base :where(ol > li):not(:where([class~="not-prose"] *)) {
3746
+ padding-left: .375em;
3747
+ }
3748
+
3749
+ .lg\:prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
3750
+ padding-left: .375em;
3751
+ }
3752
+
3753
+ .lg\:prose-base :where(.lg\:prose-base > ul > li p):not(:where([class~="not-prose"] *)) {
3754
+ margin-top: .75em;
3755
+ margin-bottom: .75em;
3756
+ }
3757
+
3758
+ .lg\:prose-base :where(.lg\:prose-base > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
3759
+ margin-top: 1.25em;
3760
+ }
3761
+
3762
+ .lg\:prose-base :where(.lg\:prose-base > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
3763
+ margin-bottom: 1.25em;
3764
+ }
3765
+
3766
+ .lg\:prose-base :where(.lg\:prose-base > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
3767
+ margin-top: 1.25em;
3768
+ }
3769
+
3770
+ .lg\:prose-base :where(.lg\:prose-base > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
3771
+ margin-bottom: 1.25em;
3772
+ }
3773
+
3774
+ .lg\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
3775
+ margin-top: .75em;
3776
+ margin-bottom: .75em;
3777
+ }
3778
+
3779
+ .lg\:prose-base :where(hr):not(:where([class~="not-prose"] *)) {
3780
+ margin-top: 3em;
3781
+ margin-bottom: 3em;
3782
+ }
3783
+
3784
+ .lg\:prose-base :where(hr + *):not(:where([class~="not-prose"] *)) {
3785
+ margin-top: 0;
3786
+ }
3787
+
3788
+ .lg\:prose-base :where(h2 + *):not(:where([class~="not-prose"] *)) {
3789
+ margin-top: 0;
3790
+ }
3791
+
3792
+ .lg\:prose-base :where(h3 + *):not(:where([class~="not-prose"] *)) {
3793
+ margin-top: 0;
3794
+ }
3795
+
3796
+ .lg\:prose-base :where(h4 + *):not(:where([class~="not-prose"] *)) {
3797
+ margin-top: 0;
3798
+ }
3799
+
3800
+ .lg\:prose-base :where(table):not(:where([class~="not-prose"] *)) {
3801
+ font-size: .875em;
3802
+ line-height: 1.71429;
3803
+ }
3804
+
3805
+ .lg\:prose-base :where(thead th):not(:where([class~="not-prose"] *)) {
3806
+ padding-bottom: .571429em;
3807
+ padding-left: .571429em;
3808
+ padding-right: .571429em;
3809
+ }
3810
+
3811
+ .lg\:prose-base :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
3812
+ padding-left: 0;
3813
+ }
3814
+
3815
+ .lg\:prose-base :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
3816
+ padding-right: 0;
3817
+ }
3818
+
3819
+ .lg\:prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
3820
+ padding: .571429em;
3821
+ }
3822
+
3823
+ .lg\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
3824
+ padding-left: 0;
3825
+ }
3826
+
3827
+ .lg\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
3828
+ padding-right: 0;
3829
+ }
3830
+
3831
+ .lg\:prose-base :where(.lg\:prose-base > :first-child):not(:where([class~="not-prose"] *)) {
3832
+ margin-top: 0;
3833
+ }
3834
+
3835
+ .lg\:prose-base :where(.lg\:prose-base > :last-child):not(:where([class~="not-prose"] *)) {
3836
+ margin-bottom: 0;
3837
+ }
3838
+ }
3839
+
3571
3840
  .hover\:bg-lookbook-button-bg-hover:hover {
3572
3841
  background-color: var(--lookbook-button-bg-hover);
3573
3842
  }
@@ -3628,11 +3897,53 @@ select.compact {
3628
3897
  outline: 2px solid #0000;
3629
3898
  }
3630
3899
 
3900
+ .prose-headings\:font-semibold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"] *)) {
3901
+ font-weight: 600;
3902
+ }
3903
+
3904
+ .prose-h1\:font-bold :where(h1):not(:where([class~="not-prose"] *)) {
3905
+ font-weight: 700;
3906
+ }
3907
+
3631
3908
  .prose-a\:text-lookbook-prose-link :where(a):not(:where([class~="not-prose"] *)) {
3632
3909
  color: var(--lookbook-prose-link);
3633
3910
  }
3634
3911
 
3912
+ @media (min-width: 480px) {
3913
+ .xs\:mx-auto {
3914
+ margin-left: auto;
3915
+ margin-right: auto;
3916
+ }
3917
+
3918
+ .xs\:w-auto {
3919
+ width: auto;
3920
+ }
3921
+
3922
+ .xs\:min-w-\[440px\] {
3923
+ min-width: 440px;
3924
+ }
3925
+
3926
+ .xs\:max-w-\[680px\] {
3927
+ max-width: 680px;
3928
+ }
3929
+
3930
+ .xs\:py-8 {
3931
+ padding-top: 2rem;
3932
+ padding-bottom: 2rem;
3933
+ }
3934
+ }
3935
+
3936
+ @media (min-width: 640px) {
3937
+ .sm\:p-8 {
3938
+ padding: 2rem;
3939
+ }
3940
+ }
3941
+
3635
3942
  @media (min-width: 768px) {
3943
+ .md\:p-12 {
3944
+ padding: 3rem;
3945
+ }
3946
+
3636
3947
  .md\:px-10 {
3637
3948
  padding-left: 2.5rem;
3638
3949
  padding-right: 2.5rem;
@@ -3643,4 +3954,14 @@ select.compact {
3643
3954
  }
3644
3955
  }
3645
3956
 
3957
+ @media (min-width: 1024px) {
3958
+ .lg\:mb-9 {
3959
+ margin-bottom: 2.25rem;
3960
+ }
3961
+
3962
+ .lg\:pb-8 {
3963
+ padding-bottom: 2rem;
3964
+ }
3965
+ }
3966
+
3646
3967
  /*# sourceMappingURL=lookbook.css.map */
@@ -1 +1 @@
1
- {"mappings":"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;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;AAEA;;;;;;;AAEA;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;;AAOA;;;;;;;AASA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAmCA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAYA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAwBA;;;;AA0CA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAkBA;;;;AAQA;;;;;AAOA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;EAEE;;;;;EAKA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"./fonts.css\";\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../components/lookbook/**/*/component.css\";\n\n@layer base {\n html {\n @apply scroll-smooth h-screen;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n @apply scroll-auto;\n }\n }\n\n body {\n @apply text-lookbook-text font-sans text-sm antialiased overflow-hidden;\n }\n\n [x-cloak] {\n @apply !hidden;\n }\n\n pre[class*=\"language-\"] {\n @apply !p-0 !m-0;\n }\n\n ::-webkit-scrollbar {\n @apply w-1 h-1;\n }\n\n ::-webkit-scrollbar-track {\n @apply bg-transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-lookbook-scrollbar-hover;\n }\n}\n\n@layer components {\n [type=\"text\"],\n [type=\"email\"],\n [type=\"url\"],\n [type=\"password\"],\n [type=\"number\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"time\"],\n [type=\"week\"],\n textarea,\n select {\n @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n @apply rounded-md text-sm w-full bg-lookbook-input-bg block;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n @apply bg-lookbook-input-toggle-active;\n margin-top: -4px;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]::-moz-range-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n @apply bg-lookbook-input-toggle-active;\n border: none;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]:focus::-webkit-slider-thumb,\n input[type=\"range\"]:focus::-moz-range-thumb {\n @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n }\n\n input[type=\"color\"] {\n -webkit-appearance: none;\n width: 46px;\n @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch {\n @apply border-0 rounded-lg;\n }\n\n select.compact {\n font-size: 0.8rem;\n line-height: 1.1rem;\n border-radius: 0.375rem;\n padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n background-size: 1.2em 1.2em;\n background-position: right 0.4rem center;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
1
+ {"mappings":"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AIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;;;AAEA;;;;;;;AAEA;;;;;;AAEA;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;AAEA;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;;AAOA;;;;;;;AASA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAmCA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAYA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAwBA;;;;AA0CA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAkBA;;;;AAQA;;;;;AAOA;;;;AAUA;EAEE;;;;;EAKA;;;;;EAKA;;;;;;;EAOA;;;;;;EAMA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;EAOA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;;;;EAYA;;;;;;EAMA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;EAEE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;AAMF;EAEE;;;;;AAKF;EAEE;;;;EAIA;;;;;EAKA;;;;;AAKF;EAEE;;;;EAIA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"./fonts.css\";\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../components/lookbook/**/*/component.css\";\n\n@layer base {\n html {\n @apply scroll-smooth h-screen;\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n html {\n @apply scroll-auto;\n }\n }\n\n body {\n @apply text-lookbook-text font-sans text-sm antialiased overflow-hidden;\n }\n\n [x-cloak] {\n @apply !hidden;\n }\n\n pre[class*=\"language-\"] {\n @apply !p-0 !m-0;\n }\n\n ::-webkit-scrollbar {\n @apply w-1 h-1;\n }\n\n ::-webkit-scrollbar-track {\n @apply bg-transparent;\n }\n\n ::-webkit-scrollbar-thumb {\n @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n @apply bg-lookbook-scrollbar-hover;\n }\n}\n\n@layer utilities {\n .bg-checked {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n }\n}\n\n@layer components {\n [type=\"text\"],\n [type=\"email\"],\n [type=\"url\"],\n [type=\"password\"],\n [type=\"number\"],\n [type=\"date\"],\n [type=\"datetime-local\"],\n [type=\"month\"],\n [type=\"search\"],\n [type=\"tel\"],\n [type=\"time\"],\n [type=\"week\"],\n textarea,\n select {\n @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n @apply rounded-md text-sm w-full bg-lookbook-input-bg block;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n @apply bg-lookbook-input-toggle-active;\n margin-top: -4px;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]::-moz-range-track {\n @apply bg-lookbook-input-toggle;\n border-radius: 0.5rem;\n height: 0.5rem;\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n @apply bg-lookbook-input-toggle-active;\n border: none;\n border-radius: 0.5rem;\n height: 1rem;\n width: 1rem;\n }\n\n input[type=\"range\"]:focus::-webkit-slider-thumb,\n input[type=\"range\"]:focus::-moz-range-thumb {\n @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n }\n\n input[type=\"color\"] {\n -webkit-appearance: none;\n width: 46px;\n @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n }\n\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n input[type=\"color\"]::-webkit-color-swatch {\n @apply border-0 rounded-lg;\n }\n\n select.compact {\n font-size: 0.8rem;\n line-height: 1.1rem;\n border-radius: 0.375rem;\n padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n background-size: 1.2em 1.2em;\n background-position: right 0.4rem center;\n }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}