@histoire/controls 1.0.0-alpha.1 → 1.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/components/HstWrapper.vue.d.ts +4 -4
  2. package/dist/components/button/HstButton.vue.d.ts +3 -3
  3. package/dist/components/button/HstButtonGroup.vue.d.ts +3 -3
  4. package/dist/components/checkbox/HstCheckbox.vue.d.ts +3 -3
  5. package/dist/components/checkbox/HstCheckboxList.vue.d.ts +3 -3
  6. package/dist/components/checkbox/HstSimpleCheckbox.vue.d.ts +3 -1
  7. package/dist/components/colorselect/HstColorSelect.vue.d.ts +3 -3
  8. package/dist/components/design-tokens/HstColorShades.vue.d.ts +4 -4
  9. package/dist/components/design-tokens/HstTokenGrid.vue.d.ts +4 -4
  10. package/dist/components/design-tokens/HstTokenList.vue.d.ts +4 -4
  11. package/dist/components/json/HstJson.vue.d.ts +6 -4
  12. package/dist/components/number/HstNumber.vue.d.ts +6 -4
  13. package/dist/components/radio/HstRadio.vue.d.ts +3 -3
  14. package/dist/components/select/CustomSelect.vue.d.ts +4 -4
  15. package/dist/components/select/HstSelect.vue.d.ts +3 -3
  16. package/dist/components/slider/HstSlider.vue.d.ts +3 -1
  17. package/dist/components/text/HstText.vue.d.ts +6 -4
  18. package/dist/components/textarea/HstTextarea.vue.d.ts +6 -4
  19. package/dist/index.d.ts +64 -44
  20. package/dist/index.es.js +1876 -1815
  21. package/package.json +3 -3
  22. package/.histoire/dist/__sandbox.html +0 -16
  23. package/.histoire/dist/assets/BaseEmpty.d30f3079.js +0 -11
  24. package/.histoire/dist/assets/HomeView.8e044be6.js +0 -24
  25. package/.histoire/dist/assets/HstCheckbox.story.3d04d85b.js +0 -144
  26. package/.histoire/dist/assets/HstColorShades.story.68cf74d1.js +0 -532
  27. package/.histoire/dist/assets/HstCopyIcon.e40e725e.js +0 -51
  28. package/.histoire/dist/assets/HstNumber.story.1e1964ff.js +0 -160
  29. package/.histoire/dist/assets/HstSelect.story.04860383.js +0 -277
  30. package/.histoire/dist/assets/HstText.story.c915d831.js +0 -137
  31. package/.histoire/dist/assets/HstTextarea.story.802b9c26.js +0 -105
  32. package/.histoire/dist/assets/HstTokenGrid.story.025819d6.js +0 -148
  33. package/.histoire/dist/assets/HstTokenList.story.d3aa6575.js +0 -176
  34. package/.histoire/dist/assets/HstWrapper.246b6982.js +0 -56
  35. package/.histoire/dist/assets/SearchPane.daa2675c.js +0 -426
  36. package/.histoire/dist/assets/StoryView.2f64dad1.js +0 -2260
  37. package/.histoire/dist/assets/bundle-main.784e5bf7.js +0 -1156
  38. package/.histoire/dist/assets/bundle-sandbox.5e153933.js +0 -84
  39. package/.histoire/dist/assets/const.268165fd.js +0 -658
  40. package/.histoire/dist/assets/global-components.6736b2a9.js +0 -5722
  41. package/.histoire/dist/assets/search-docs-data.b9a75539.js +0 -6
  42. package/.histoire/dist/assets/style.04507241.css +0 -2504
  43. package/.histoire/dist/assets/vendor.2833ae3d.js +0 -28970
  44. package/.histoire/dist/histoire.svg +0 -51
  45. package/.histoire/dist/index.html +0 -16
@@ -1,2504 +0,0 @@
1
-
2
- .bind-tree-margin[data-v-3bb05a26] {
3
- margin-left: var(--335c8a9c);
4
- }
5
- .bind-icon-color[data-v-3bb05a26] {
6
- color: var(--10044424);
7
- }
8
- .bind-tree-padding[data-v-1a78012e] {
9
- padding-left: var(--27f98670);
10
- }
11
- .bind-icon-color[data-v-5fe505b0] {
12
- color: var(--7fa476a0);
13
- }
14
- .landscape > div > .dragger[data-v-4de97f66] {
15
- width: 10px;
16
- }
17
- .portrait > div > .dragger[data-v-4de97f66] {
18
- height: 10px;
19
- }
20
- .landscape > div > .dragger.dragger-offset-before[data-v-4de97f66] {
21
- right: 0;
22
- }
23
- .portrait > div > .dragger.dragger-offset-before[data-v-4de97f66] {
24
- bottom: 0;
25
- }
26
- .landscape > div > .dragger.dragger-offset-center[data-v-4de97f66] {
27
- right: -5px;
28
- }
29
- .portrait > div > .dragger.dragger-offset-center[data-v-4de97f66] {
30
- bottom: -5px;
31
- }
32
- .landscape > div > .dragger.dragger-offset-after[data-v-4de97f66] {
33
- right: -10px;
34
- }
35
- .portrait > div > .dragger.dragger-offset-after[data-v-4de97f66] {
36
- bottom: -10px;
37
- }
38
- .bind-icon-color[data-v-2cdc2ac0] {
39
- color: var(--3c4190ff);
40
- }
41
- .bind-icon-color[data-v-5c057bcc] {
42
- color: var(--4b330766);
43
- }
44
- .bind-preview-bg[data-v-bde73868] {
45
- background-color: var(--b797c7ca);
46
- }
47
- .__histoire-hatched-pattern[data-v-250960ac] {
48
- background: repeating-linear-gradient(135deg,
49
- transparent 0px,
50
- transparent 32px,
51
- currentColor 32px,
52
- currentColor 64px);
53
- }
54
- .bind-preview-bg[data-v-769a585e] {
55
- background-color: var(--700caecc);
56
- }
57
- .bind-icon-color[data-v-a52efa6c] {
58
- color: var(--ffdba94a);
59
- }
60
- .bind-icon-color[data-v-141c6b20] {
61
- color: var(--4ecaabeb);
62
- }
63
- .__histoire-code-placeholder[data-v-32cb8d14] {
64
- color: inherit;
65
- font-size: inherit;
66
- }
67
- .htw-base-empty[data-v-552cc113]:not(.no-animation) {
68
- -webkit-animation: htw-base-empty-552cc113 .3s 1s both;
69
- animation: htw-base-empty-552cc113 .3s 1s both;
70
- }
71
- @-webkit-keyframes htw-base-empty-552cc113 {
72
- 0% {
73
- opacity: 0;
74
- }
75
- 100% {
76
- opacity: 1;
77
- }
78
- }
79
- @keyframes htw-base-empty-552cc113 {
80
- 0% {
81
- opacity: 0;
82
- }
83
- 100% {
84
- opacity: 1;
85
- }
86
- }
87
- .bind-icon-color[data-v-7856c5b0] {
88
- color: var(--0e1c785e);
89
- }
90
- *, ::before, ::after {--_histoire-color-primary-50: 236 253 245;--_histoire-color-primary-100: 209 250 229;--_histoire-color-primary-200: 167 243 208;--_histoire-color-primary-300: 110 231 183;--_histoire-color-primary-400: 52 211 153;--_histoire-color-primary-500: 16 185 129;--_histoire-color-primary-600: 5 150 105;--_histoire-color-primary-700: 4 120 87;--_histoire-color-primary-800: 6 95 70;--_histoire-color-primary-900: 6 78 59;--_histoire-color-gray-50: 250 250 250;--_histoire-color-gray-100: 244 244 245;--_histoire-color-gray-200: 228 228 231;--_histoire-color-gray-300: 212 212 216;--_histoire-color-gray-400: 161 161 170;--_histoire-color-gray-500: 113 113 122;--_histoire-color-gray-600: 82 82 91;--_histoire-color-gray-700: 63 63 70;--_histoire-color-gray-750: 50 50 56;--_histoire-color-gray-800: 39 39 42;--_histoire-color-gray-850: 31 31 33;--_histoire-color-gray-900: 24 24 27;--_histoire-color-gray-950: 16 16 18;}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}html,
91
- body {
92
- background: transparent !important;
93
- }body {
94
- margin: 0;
95
- }html,
96
- body,
97
- #app {
98
- font-family: 'Lato', sans-serif;
99
- font-size: 14px;
100
- }.htw-sandbox-hidden {
101
- display: none;
102
- }
103
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}*, ::before, ::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.htw-absolute{position:absolute}.htw-relative{position:relative}.htw-inset-0{top:0px;right:0px;bottom:0px;left:0px}.htw-z-10{z-index:10}.htw-m-4{margin:1rem}.htw-my-0{margin-top:0px;margin-bottom:0px}.htw-my-8{margin-top:2rem;margin-bottom:2rem}.htw-mx-4{margin-left:1rem;margin-right:1rem}.-htw-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem}.htw-mb-2{margin-bottom:0.5rem}.htw-ml-auto{margin-left:auto}.htw-box-border{box-sizing:border-box}.htw-block{display:block}.htw-flex{display:flex}.htw-grid{display:grid}.htw-h-4{height:1rem}.htw-h-\[16px\]{height:16px}.htw-h-\[100px\]{height:100px}.htw-h-16{height:4rem}.htw-h-32{height:8rem}.htw-h-20{height:5rem}.htw-h-\[27px\]{height:27px}.htw-min-h-\[26px\]{min-height:26px}.htw-w-4{width:1rem}.htw-w-28{width:7rem}.htw-w-\[16px\]{width:16px}.htw-w-16{width:4rem}.htw-w-32{width:8rem}.htw-w-full{width:100%}.htw-flex-none{flex:none}.htw-flex-1{flex:1 1 0%}.htw-shrink-0{flex-shrink:0}.htw-shrink{flex-shrink:1}.htw-grow{flex-grow:1}.htw-cursor-pointer{cursor:pointer}.htw-cursor-ew-resize{cursor:ew-resize}.htw-cursor-text{cursor:text}.htw-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.htw-resize-y{resize:vertical}.htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.htw-flex-col{flex-direction:column}.htw-flex-wrap{flex-wrap:wrap}.htw-items-end{align-items:flex-end}.htw-items-center{align-items:center}.htw-gap-2{gap:0.5rem}.htw-gap-1{gap:0.25rem}.htw-gap-4{gap:1rem}.htw-overflow-hidden{overflow:hidden}.htw-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htw-text-ellipsis{text-overflow:ellipsis}.htw-whitespace-nowrap{white-space:nowrap}.htw-rounded-sm{border-radius:0.25rem}.htw-rounded{border-radius:0.375rem}.htw-rounded-full{border-radius:9999px}.htw-border{border-width:1px}.htw-border-8{border-width:8px}.htw-border-2{border-width:2px}.htw-border-solid{border-style:solid}.htw-border-primary-500{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.htw-border-black\/25{border-color:rgb(0 0 0 / 0.25)}.htw-border-gray-850{--tw-border-opacity:1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.htw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.htw-bg-gray-500\/10{background-color:rgb(113 113 122 / 0.1)}.htw-bg-gray-500\/50{background-color:rgb(113 113 122 / 0.5)}.htw-bg-transparent{background-color:transparent}.htw-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.htw-bg-primary-200{--tw-bg-opacity:1;background-color:rgb(167 243 208 / var(--tw-bg-opacity))}.htw-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-stroke-white{stroke:#fff}.htw-stroke-2{stroke-width:2}.htw-p-2{padding:0.5rem}.htw-p-4{padding:1rem}.htw-py-1{padding-top:0.25rem;padding-bottom:0.25rem}.htw-px-2{padding-left:0.5rem;padding-right:0.5rem}.htw-pl-2{padding-left:0.5rem}.htw-text-5xl{font-size:3rem;line-height:1}.htw-text-xs{font-size:0.75rem;line-height:1rem}.htw-leading-normal{line-height:1.5}.htw-text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.htw-text-inherit{color:inherit}.htw-opacity-50{opacity:0.5}.htw-outline-none{outline:2px solid transparent;outline-offset:2px}.htw-transition-border{transition-property:border;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.htw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.htw-transition-none{transition-property:none}.htw-delay-150{transition-delay:150ms}.htw-duration-150{transition-duration:150ms}.htw-duration-200{transition-duration:200ms}.htw-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.htw-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}body {
104
- font-size: 18px;
105
- }.htw-dark body{--tw-text-opacity:1;color:rgb(244 244 245 / var(--tw-text-opacity))}@media (min-width: 640px) {
106
- body {
107
- font-size: 14px;
108
- }
109
- }.hover\:htw-border-primary-500:hover{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.hover\:htw-bg-primary-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229 / var(--tw-bg-opacity))}.hover\:htw-text-primary-500:hover{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity))}.hover\:htw-opacity-100:hover{opacity:1}.focus\:htw-border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.htw-group:active .group-active\:htw-bg-gray-500\/20{background-color:rgb(113 113 122 / 0.2)}.htw-dark .dark\:htw-border-white\/25{border-color:rgb(255 255 255 / 0.25)}.htw-dark .dark\:htw-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-primary-800{--tw-bg-opacity:1;background-color:rgb(6 95 70 / var(--tw-bg-opacity))}.htw-dark .dark\:htw-bg-gray-600{--tw-bg-opacity:1;background-color:rgb(82 82 91 / var(--tw-bg-opacity))}.htw-dark .dark\:hover\:htw-border-primary-500:hover{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.htw-dark .dark\:hover\:htw-bg-primary-800:hover{--tw-bg-opacity:1;background-color:rgb(6 95 70 / var(--tw-bg-opacity))}.htw-dark .dark\:hover\:htw-bg-primary-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity))}.htw-dark .dark\:focus\:htw-border-primary-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}
110
-
111
- .htw-bind-col-size {
112
- grid-template-columns: repeat(auto-fill, minmax(var(--histoire-col-size), 1fr));
113
- }
114
-
115
- /* @TODO custom themes */
116
- .v-popper {
117
- line-height: 0;
118
- }
119
- .htw-dark .v-popper--theme-dropdown .v-popper__inner {
120
- --tw-border-opacity: 1;
121
- border-color: rgb(31 31 33 / var(--tw-border-opacity));
122
- --tw-bg-opacity: 1;
123
- background-color: rgb(63 63 70 / var(--tw-bg-opacity));
124
- --tw-text-opacity: 1;
125
- color: rgb(244 244 245 / var(--tw-text-opacity));
126
- }
127
- .htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner {
128
- --tw-border-opacity: 1;
129
- border-color: rgb(63 63 70 / var(--tw-border-opacity));
130
- }
131
- .htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer {
132
- --tw-border-opacity: 1;
133
- border-color: rgb(31 31 33 / var(--tw-border-opacity));
134
- }
135
- .v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
136
- transform: scale(.75);
137
- }
138
- .v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
139
- transform: none;
140
- transition: transform .15s cubic-bezier(0, 1, .5, 1);
141
- }
142
- .v-popper__popper:focus-visible {
143
- outline: none;
144
- }
145
-
146
- @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
147
-
148
- .resize-observer[data-v-b329ee4c]{
149
- position:absolute;
150
- top:0;
151
- left:0;
152
- z-index:-1;
153
- width:100%;
154
- height:100%;
155
- border:none;
156
- background-color:transparent;
157
- pointer-events:none;
158
- display:block;
159
- overflow:hidden;
160
- opacity:0
161
- }
162
-
163
- .resize-observer[data-v-b329ee4c] object{
164
- display:block;
165
- position:absolute;
166
- top:0;
167
- left:0;
168
- height:100%;
169
- width:100%;
170
- overflow:hidden;
171
- pointer-events:none;
172
- z-index:-1
173
- }
174
-
175
- .v-popper__popper{
176
- z-index:10000;
177
- top:0;
178
- left:0;
179
- outline:none
180
- }
181
-
182
- .v-popper__popper.v-popper__popper--hidden{
183
- visibility:hidden;
184
- opacity:0;
185
- transition:opacity .15s,visibility .15s;
186
- pointer-events:none
187
- }
188
-
189
- .v-popper__popper.v-popper__popper--shown{
190
- visibility:visible;
191
- opacity:1;
192
- transition:opacity .15s
193
- }
194
-
195
- .v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{
196
- transition:none!important
197
- }
198
-
199
- .v-popper__backdrop{
200
- position:absolute;
201
- top:0;
202
- left:0;
203
- width:100%;
204
- height:100%;
205
- display:none
206
- }
207
-
208
- .v-popper__inner{
209
- position:relative;
210
- box-sizing:border-box;
211
- overflow-y:auto
212
- }
213
-
214
- .v-popper__inner>div{
215
- position:relative;
216
- z-index:1;
217
- max-width:inherit;
218
- max-height:inherit
219
- }
220
-
221
- .v-popper__arrow-container{
222
- position:absolute;
223
- width:10px;
224
- height:10px
225
- }
226
-
227
- .v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{
228
- display:none
229
- }
230
-
231
- .v-popper__arrow-inner,.v-popper__arrow-outer{
232
- border-style:solid;
233
- position:absolute;
234
- top:0;
235
- left:0;
236
- width:0;
237
- height:0
238
- }
239
-
240
- .v-popper__arrow-inner{
241
- visibility:hidden;
242
- border-width:7px
243
- }
244
-
245
- .v-popper__arrow-outer{
246
- border-width:6px
247
- }
248
-
249
- .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
250
- left:-2px
251
- }
252
-
253
- .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
254
- left:-1px
255
- }
256
-
257
- .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{
258
- border-bottom-width:0;
259
- border-left-color:transparent!important;
260
- border-right-color:transparent!important;
261
- border-bottom-color:transparent!important
262
- }
263
-
264
- .v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{
265
- top:-2px
266
- }
267
-
268
- .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{
269
- top:0
270
- }
271
-
272
- .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
273
- border-top-width:0;
274
- border-left-color:transparent!important;
275
- border-right-color:transparent!important;
276
- border-top-color:transparent!important
277
- }
278
-
279
- .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
280
- top:-4px
281
- }
282
-
283
- .v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
284
- top:-6px
285
- }
286
-
287
- .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
288
- top:-2px
289
- }
290
-
291
- .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
292
- top:-1px
293
- }
294
-
295
- .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
296
- border-left-width:0;
297
- border-left-color:transparent!important;
298
- border-top-color:transparent!important;
299
- border-bottom-color:transparent!important
300
- }
301
-
302
- .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
303
- left:-4px
304
- }
305
-
306
- .v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
307
- left:-6px
308
- }
309
-
310
- .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{
311
- right:-10px
312
- }
313
-
314
- .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{
315
- border-right-width:0;
316
- border-top-color:transparent!important;
317
- border-right-color:transparent!important;
318
- border-bottom-color:transparent!important
319
- }
320
-
321
- .v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{
322
- left:-2px
323
- }
324
-
325
- .v-popper--theme-dropdown .v-popper__inner{
326
- background:#fff;
327
- color:#000;
328
- border-radius:6px;
329
- border:1px solid #ddd;
330
- box-shadow:0 6px 30px #0000001a
331
- }
332
-
333
- .v-popper--theme-dropdown .v-popper__arrow-inner{
334
- visibility:visible;
335
- border-color:#fff
336
- }
337
-
338
- .v-popper--theme-dropdown .v-popper__arrow-outer{
339
- border-color:#ddd
340
- }
341
-
342
- .v-popper--theme-tooltip .v-popper__inner{
343
- background:rgba(0,0,0,.8);
344
- color:#fff;
345
- border-radius:6px;
346
- padding:7px 12px 6px
347
- }
348
-
349
- .v-popper--theme-tooltip .v-popper__arrow-outer{
350
- border-color:#000c
351
- }
352
-
353
- .v-popper{
354
- line-height:0
355
- }
356
-
357
- .htw-dark .v-popper--theme-dropdown .v-popper__inner{
358
- --tw-border-opacity: 1;
359
- border-color:rgb(31 31 33 / var(--tw-border-opacity));
360
- --tw-bg-opacity: 1;
361
- background-color:rgb(63 63 70 / var(--tw-bg-opacity));
362
- --tw-text-opacity: 1;
363
- color:rgb(244 244 245 / var(--tw-text-opacity))
364
- }
365
-
366
- .htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
367
- --tw-border-opacity: 1;
368
- border-color:rgb(63 63 70 / var(--tw-border-opacity))
369
- }
370
-
371
- .htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
372
- --tw-border-opacity: 1;
373
- border-color:rgb(31 31 33 / var(--tw-border-opacity))
374
- }
375
-
376
- .v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{
377
- transform:scale(.75)
378
- }
379
-
380
- .v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{
381
- transform:none;
382
- transition:transform .15s cubic-bezier(0,1,.5,1)
383
- }
384
-
385
- .v-popper__popper:focus-visible{
386
- outline:none
387
- }
388
-
389
- .htw-bind-col-size{
390
- grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))
391
- }
392
-
393
- /* @TODO custom themes */
394
-
395
- .v-popper {
396
- line-height: 0;
397
- }
398
-
399
- .htw-dark .v-popper--theme-dropdown .v-popper__inner{
400
- --tw-border-opacity:1;
401
- border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity));
402
- --tw-bg-opacity:1;
403
- background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity));
404
- --tw-text-opacity:1;
405
- color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
406
- }
407
-
408
- .htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
409
- --tw-border-opacity:1;
410
- border-color:rgb(var(--_histoire-color-gray-700) / var(--tw-border-opacity))
411
- }
412
-
413
- .htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
414
- --tw-border-opacity:1;
415
- border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
416
- }
417
-
418
- .v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
419
- transform: scale(.75);
420
- }
421
-
422
- .v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
423
- transform: none;
424
- transition: transform .15s cubic-bezier(0, 1, .5, 1);
425
- }
426
-
427
- .v-popper__popper:focus-visible {
428
- outline: none;
429
- }
430
-
431
- .__histoire-scale-x-enter-active,
432
- .__histoire-scale-x-leave-active {
433
- transition: transform .15s, opacity .15s;
434
- }
435
-
436
- .__histoire-scale-x-enter-from,
437
- .__histoire-scale-x-leave-to {
438
- transform: scaleX(0);
439
- opacity: 0;
440
- }
441
-
442
- .__histoire-scale-y-enter-active,
443
- .__histoire-scale-y-leave-active {
444
- transition: transform .15s, opacity .15s;
445
- }
446
-
447
- .__histoire-scale-y-enter-from,
448
- .__histoire-scale-y-leave-to {
449
- transform: scaleY(0);
450
- opacity: 0;
451
- }
452
-
453
- .__histoire-fade-enter-active,
454
- .__histoire-fade-leave-active {
455
- transition: opacity .15s;
456
- }
457
-
458
- .__histoire-fade-enter-from,
459
- .__histoire-fade-leave-to {
460
- opacity: 0;
461
- }
462
-
463
- .__histoire-fade-bottom-enter-active,
464
- .__histoire-fade-bottom-leave-active {
465
- transition: transform .15s, opacity .15s;
466
- transform: translateY(0px);
467
- }
468
-
469
- .__histoire-fade-bottom-enter-from,
470
- .__histoire-fade-bottom-leave-to {
471
- transform: translateY(32px);
472
- opacity: 0;
473
- }
474
-
475
- *,
476
- ::before,
477
- ::after {
478
- box-sizing: border-box;
479
- border-width: 0;
480
- border-style: solid;
481
- border-color: #e5e7eb;
482
- }
483
-
484
- a,
485
- input,
486
- button {
487
- color: inherit;
488
- }
489
-
490
- a {
491
- text-decoration: inherit;
492
- }
493
-
494
- input {
495
- font-family: inherit;
496
- }
497
-
498
- a,
499
- button {
500
- -webkit-user-select: none;
501
- -moz-user-select: none;
502
- -ms-user-select: none;
503
- user-select: none;
504
- }
505
-
506
- *, ::before, ::after{
507
- --tw-translate-x:0;
508
- --tw-translate-y:0;
509
- --tw-rotate:0;
510
- --tw-skew-x:0;
511
- --tw-skew-y:0;
512
- --tw-scale-x:1;
513
- --tw-scale-y:1;
514
- --tw-pan-x: ;
515
- --tw-pan-y: ;
516
- --tw-pinch-zoom: ;
517
- --tw-scroll-snap-strictness:proximity;
518
- --tw-ordinal: ;
519
- --tw-slashed-zero: ;
520
- --tw-numeric-figure: ;
521
- --tw-numeric-spacing: ;
522
- --tw-numeric-fraction: ;
523
- --tw-ring-inset: ;
524
- --tw-ring-offset-width:0px;
525
- --tw-ring-offset-color:#fff;
526
- --tw-ring-color:rgb(59 130 246 / 0.5);
527
- --tw-ring-offset-shadow:0 0 #0000;
528
- --tw-ring-shadow:0 0 #0000;
529
- --tw-shadow:0 0 #0000;
530
- --tw-shadow-colored:0 0 #0000;
531
- --tw-blur: ;
532
- --tw-brightness: ;
533
- --tw-contrast: ;
534
- --tw-grayscale: ;
535
- --tw-hue-rotate: ;
536
- --tw-invert: ;
537
- --tw-saturate: ;
538
- --tw-sepia: ;
539
- --tw-drop-shadow: ;
540
- --tw-backdrop-blur: ;
541
- --tw-backdrop-brightness: ;
542
- --tw-backdrop-contrast: ;
543
- --tw-backdrop-grayscale: ;
544
- --tw-backdrop-hue-rotate: ;
545
- --tw-backdrop-invert: ;
546
- --tw-backdrop-opacity: ;
547
- --tw-backdrop-saturate: ;
548
- --tw-backdrop-sepia:
549
- }
550
-
551
- .htw-prose{
552
- color:var(--tw-prose-body);
553
- max-width:65ch;
554
- }
555
-
556
- .htw-prose :where([class~="lead"]):not(:where([class~="htw-not-prose"] *)){
557
- color:var(--tw-prose-lead);
558
- font-size:1.25em;
559
- line-height:1.6;
560
- margin-top:1.2em;
561
- margin-bottom:1.2em
562
- }
563
-
564
- .htw-prose :where(a):not(:where([class~="htw-not-prose"] *)){
565
- color:rgb(var(--_histoire-color-primary-500));
566
- text-decoration:none;
567
- font-weight:500;
568
- }
569
-
570
- .htw-prose :where(a):not(:where([class~="htw-not-prose"] *)):hover{
571
- text-decoration:underline
572
- }
573
-
574
- .htw-prose :where(strong):not(:where([class~="htw-not-prose"] *)){
575
- color:var(--tw-prose-bold);
576
- font-weight:600
577
- }
578
-
579
- .htw-prose :where(ol):not(:where([class~="htw-not-prose"] *)){
580
- list-style-type:decimal;
581
- padding-left:1.625em
582
- }
583
-
584
- .htw-prose :where(ol[type="A"]):not(:where([class~="htw-not-prose"] *)){
585
- list-style-type:upper-alpha
586
- }
587
-
588
- .htw-prose :where(ol[type="a"]):not(:where([class~="htw-not-prose"] *)){
589
- list-style-type:lower-alpha
590
- }
591
-
592
- .htw-prose :where(ol[type="A" s]):not(:where([class~="htw-not-prose"] *)){
593
- list-style-type:upper-alpha
594
- }
595
-
596
- .htw-prose :where(ol[type="a" s]):not(:where([class~="htw-not-prose"] *)){
597
- list-style-type:lower-alpha
598
- }
599
-
600
- .htw-prose :where(ol[type="I"]):not(:where([class~="htw-not-prose"] *)){
601
- list-style-type:upper-roman
602
- }
603
-
604
- .htw-prose :where(ol[type="i"]):not(:where([class~="htw-not-prose"] *)){
605
- list-style-type:lower-roman
606
- }
607
-
608
- .htw-prose :where(ol[type="I" s]):not(:where([class~="htw-not-prose"] *)){
609
- list-style-type:upper-roman
610
- }
611
-
612
- .htw-prose :where(ol[type="i" s]):not(:where([class~="htw-not-prose"] *)){
613
- list-style-type:lower-roman
614
- }
615
-
616
- .htw-prose :where(ol[type="1"]):not(:where([class~="htw-not-prose"] *)){
617
- list-style-type:decimal
618
- }
619
-
620
- .htw-prose :where(ul):not(:where([class~="htw-not-prose"] *)){
621
- list-style-type:disc;
622
- padding-left:1.625em
623
- }
624
-
625
- .htw-prose :where(ol > li):not(:where([class~="htw-not-prose"] *))::marker{
626
- font-weight:400;
627
- color:var(--tw-prose-counters)
628
- }
629
-
630
- .htw-prose :where(ul > li):not(:where([class~="htw-not-prose"] *))::marker{
631
- color:var(--tw-prose-bullets)
632
- }
633
-
634
- .htw-prose :where(hr):not(:where([class~="htw-not-prose"] *)){
635
- border-color:var(--tw-prose-hr);
636
- border-top-width:1px;
637
- margin-top:3em;
638
- margin-bottom:3em
639
- }
640
-
641
- .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)){
642
- font-weight:500;
643
- font-style:italic;
644
- color:var(--tw-prose-quotes);
645
- border-left-width:0.25rem;
646
- border-left-color:var(--tw-prose-quote-borders);
647
- quotes:"\201C""\201D""\2018""\2019";
648
- margin-top:1.6em;
649
- margin-bottom:1.6em;
650
- padding-left:1em;
651
- margin-left:0;
652
- margin-right:0;
653
- background-color:rgb(var(--_histoire-color-gray-100));
654
- padding:4px 6px;
655
- }
656
-
657
- .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)) p:first-child{
658
- margin-top:0
659
- }
660
-
661
- .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)) p:last-child{
662
- margin-bottom:0
663
- }
664
-
665
- .htw-dark .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"] *)){
666
- background-color:rgb(var(--_histoire-color-gray-750))
667
- }
668
-
669
- .htw-prose :where(blockquote p:first-of-type):not(:where([class~="htw-not-prose"] *))::before{
670
- content:open-quote
671
- }
672
-
673
- .htw-prose :where(blockquote p:last-of-type):not(:where([class~="htw-not-prose"] *))::after{
674
- content:close-quote
675
- }
676
-
677
- .htw-prose :where(h1):not(:where([class~="htw-not-prose"] *)){
678
- color:var(--tw-prose-headings);
679
- font-weight:800;
680
- font-size:2.25em;
681
- margin-top:0;
682
- margin-bottom:0.8888889em;
683
- line-height:1.1111111
684
- }
685
-
686
- .htw-prose :where(h1 strong):not(:where([class~="htw-not-prose"] *)){
687
- font-weight:900
688
- }
689
-
690
- .htw-prose :where(h2):not(:where([class~="htw-not-prose"] *)){
691
- color:var(--tw-prose-headings);
692
- font-weight:700;
693
- font-size:1.5em;
694
- margin-top:2em;
695
- margin-bottom:1em;
696
- line-height:1.3333333
697
- }
698
-
699
- .htw-prose :where(h2 strong):not(:where([class~="htw-not-prose"] *)){
700
- font-weight:800
701
- }
702
-
703
- .htw-prose :where(h3):not(:where([class~="htw-not-prose"] *)){
704
- color:var(--tw-prose-headings);
705
- font-weight:600;
706
- font-size:1.25em;
707
- margin-top:1.6em;
708
- margin-bottom:0.6em;
709
- line-height:1.6
710
- }
711
-
712
- .htw-prose :where(h3 strong):not(:where([class~="htw-not-prose"] *)){
713
- font-weight:700
714
- }
715
-
716
- .htw-prose :where(h4):not(:where([class~="htw-not-prose"] *)){
717
- color:var(--tw-prose-headings);
718
- font-weight:600;
719
- margin-top:1.5em;
720
- margin-bottom:0.5em;
721
- line-height:1.5
722
- }
723
-
724
- .htw-prose :where(h4 strong):not(:where([class~="htw-not-prose"] *)){
725
- font-weight:700
726
- }
727
-
728
- .htw-prose :where(figure > *):not(:where([class~="htw-not-prose"] *)){
729
- margin-top:0;
730
- margin-bottom:0
731
- }
732
-
733
- .htw-prose :where(figcaption):not(:where([class~="htw-not-prose"] *)){
734
- color:var(--tw-prose-captions);
735
- font-size:0.875em;
736
- line-height:1.4285714;
737
- margin-top:0.8571429em
738
- }
739
-
740
- .htw-prose :where(code):not(:where([class~="htw-not-prose"] *)){
741
- color:var(--tw-prose-code);
742
- font-weight:600;
743
- font-size:0.875em
744
- }
745
-
746
- .htw-prose :where(code):not(:where([class~="htw-not-prose"] *))::before{
747
- content:"`"
748
- }
749
-
750
- .htw-prose :where(code):not(:where([class~="htw-not-prose"] *))::after{
751
- content:"`"
752
- }
753
-
754
- .htw-prose :where(a code):not(:where([class~="htw-not-prose"] *)){
755
- color:var(--tw-prose-links)
756
- }
757
-
758
- .htw-prose :where(pre):not(:where([class~="htw-not-prose"] *)){
759
- color:var(--tw-prose-pre-code);
760
- background-color:var(--tw-prose-pre-bg);
761
- overflow-x:auto;
762
- font-weight:400;
763
- font-size:0.875em;
764
- line-height:1.7142857;
765
- margin-top:1.7142857em;
766
- margin-bottom:1.7142857em;
767
- border-radius:0.375rem;
768
- padding-top:0.8571429em;
769
- padding-right:1.1428571em;
770
- padding-bottom:0.8571429em;
771
- padding-left:1.1428571em
772
- }
773
-
774
- .htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *)){
775
- background-color:transparent;
776
- border-width:0;
777
- border-radius:0;
778
- padding:0;
779
- font-weight:inherit;
780
- color:inherit;
781
- font-size:inherit;
782
- font-family:inherit;
783
- line-height:inherit
784
- }
785
-
786
- .htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *))::before{
787
- content:none
788
- }
789
-
790
- .htw-prose :where(pre code):not(:where([class~="htw-not-prose"] *))::after{
791
- content:none
792
- }
793
-
794
- .htw-prose :where(table):not(:where([class~="htw-not-prose"] *)){
795
- width:100%;
796
- table-layout:auto;
797
- text-align:left;
798
- margin-top:2em;
799
- margin-bottom:2em;
800
- font-size:0.875em;
801
- line-height:1.7142857
802
- }
803
-
804
- .htw-prose :where(thead):not(:where([class~="htw-not-prose"] *)){
805
- border-bottom-width:1px;
806
- border-bottom-color:var(--tw-prose-th-borders)
807
- }
808
-
809
- .htw-prose :where(thead th):not(:where([class~="htw-not-prose"] *)){
810
- color:var(--tw-prose-headings);
811
- font-weight:600;
812
- vertical-align:bottom;
813
- padding-right:0.5714286em;
814
- padding-bottom:0.5714286em;
815
- padding-left:0.5714286em
816
- }
817
-
818
- .htw-prose :where(tbody tr):not(:where([class~="htw-not-prose"] *)){
819
- border-bottom-width:1px;
820
- border-bottom-color:var(--tw-prose-td-borders)
821
- }
822
-
823
- .htw-prose :where(tbody tr:last-child):not(:where([class~="htw-not-prose"] *)){
824
- border-bottom-width:0
825
- }
826
-
827
- .htw-prose :where(tbody td):not(:where([class~="htw-not-prose"] *)){
828
- vertical-align:baseline;
829
- padding-top:0.5714286em;
830
- padding-right:0.5714286em;
831
- padding-bottom:0.5714286em;
832
- padding-left:0.5714286em
833
- }
834
-
835
- .htw-prose{
836
- --tw-prose-body:#374151;
837
- --tw-prose-headings:#111827;
838
- --tw-prose-lead:#4b5563;
839
- --tw-prose-links:#111827;
840
- --tw-prose-bold:#111827;
841
- --tw-prose-counters:#6b7280;
842
- --tw-prose-bullets:#d1d5db;
843
- --tw-prose-hr:#e5e7eb;
844
- --tw-prose-quotes:#111827;
845
- --tw-prose-quote-borders:#e5e7eb;
846
- --tw-prose-captions:#6b7280;
847
- --tw-prose-code:#111827;
848
- --tw-prose-pre-code:#e5e7eb;
849
- --tw-prose-pre-bg:#1f2937;
850
- --tw-prose-th-borders:#d1d5db;
851
- --tw-prose-td-borders:#e5e7eb;
852
- --tw-prose-invert-body:#d1d5db;
853
- --tw-prose-invert-headings:#fff;
854
- --tw-prose-invert-lead:#9ca3af;
855
- --tw-prose-invert-links:#fff;
856
- --tw-prose-invert-bold:#fff;
857
- --tw-prose-invert-counters:#9ca3af;
858
- --tw-prose-invert-bullets:rgb(var(--_histoire-color-gray-500));
859
- --tw-prose-invert-hr:rgb(var(--_histoire-color-gray-800));
860
- --tw-prose-invert-quotes:#f3f4f6;
861
- --tw-prose-invert-quote-borders:rgb(var(--_histoire-color-gray-800));
862
- --tw-prose-invert-captions:#9ca3af;
863
- --tw-prose-invert-code:#fff;
864
- --tw-prose-invert-pre-code:#d1d5db;
865
- --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
866
- --tw-prose-invert-th-borders:#4b5563;
867
- --tw-prose-invert-td-borders:#374151;
868
- font-size:1rem;
869
- line-height:1.75
870
- }
871
-
872
- .htw-prose :where(p):not(:where([class~="htw-not-prose"] *)){
873
- margin-top:1.25em;
874
- margin-bottom:1.25em
875
- }
876
-
877
- .htw-prose :where(img):not(:where([class~="htw-not-prose"] *)){
878
- margin-top:2em;
879
- margin-bottom:2em
880
- }
881
-
882
- .htw-prose :where(video):not(:where([class~="htw-not-prose"] *)){
883
- margin-top:2em;
884
- margin-bottom:2em
885
- }
886
-
887
- .htw-prose :where(figure):not(:where([class~="htw-not-prose"] *)){
888
- margin-top:2em;
889
- margin-bottom:2em
890
- }
891
-
892
- .htw-prose :where(h2 code):not(:where([class~="htw-not-prose"] *)){
893
- font-size:0.875em
894
- }
895
-
896
- .htw-prose :where(h3 code):not(:where([class~="htw-not-prose"] *)){
897
- font-size:0.9em
898
- }
899
-
900
- .htw-prose :where(li):not(:where([class~="htw-not-prose"] *)){
901
- margin-top:0.1rem;
902
- margin-bottom:0.1rem
903
- }
904
-
905
- .htw-prose :where(ol > li):not(:where([class~="htw-not-prose"] *)){
906
- padding-left:0.375em
907
- }
908
-
909
- .htw-prose :where(ul > li):not(:where([class~="htw-not-prose"] *)){
910
- padding-left:0.375em
911
- }
912
-
913
- .htw-prose > :where(ul > li p):not(:where([class~="htw-not-prose"] *)){
914
- margin-top:0.75em;
915
- margin-bottom:0.75em
916
- }
917
-
918
- .htw-prose > :where(ul > li > *:first-child):not(:where([class~="htw-not-prose"] *)){
919
- margin-top:1.25em
920
- }
921
-
922
- .htw-prose > :where(ul > li > *:last-child):not(:where([class~="htw-not-prose"] *)){
923
- margin-bottom:1.25em
924
- }
925
-
926
- .htw-prose > :where(ol > li > *:first-child):not(:where([class~="htw-not-prose"] *)){
927
- margin-top:1.25em
928
- }
929
-
930
- .htw-prose > :where(ol > li > *:last-child):not(:where([class~="htw-not-prose"] *)){
931
- margin-bottom:1.25em
932
- }
933
-
934
- .htw-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="htw-not-prose"] *)){
935
- margin-top:0.75em;
936
- margin-bottom:0.75em
937
- }
938
-
939
- .htw-prose :where(hr + *):not(:where([class~="htw-not-prose"] *)){
940
- margin-top:0
941
- }
942
-
943
- .htw-prose :where(h2 + *):not(:where([class~="htw-not-prose"] *)){
944
- margin-top:0
945
- }
946
-
947
- .htw-prose :where(h3 + *):not(:where([class~="htw-not-prose"] *)){
948
- margin-top:0
949
- }
950
-
951
- .htw-prose :where(h4 + *):not(:where([class~="htw-not-prose"] *)){
952
- margin-top:0
953
- }
954
-
955
- .htw-prose :where(thead th:first-child):not(:where([class~="htw-not-prose"] *)){
956
- padding-left:0
957
- }
958
-
959
- .htw-prose :where(thead th:last-child):not(:where([class~="htw-not-prose"] *)){
960
- padding-right:0
961
- }
962
-
963
- .htw-prose :where(tbody td:first-child):not(:where([class~="htw-not-prose"] *)){
964
- padding-left:0
965
- }
966
-
967
- .htw-prose :where(tbody td:last-child):not(:where([class~="htw-not-prose"] *)){
968
- padding-right:0
969
- }
970
-
971
- .htw-prose > :where(:first-child):not(:where([class~="htw-not-prose"] *)){
972
- margin-top:0
973
- }
974
-
975
- .htw-prose > :where(:last-child):not(:where([class~="htw-not-prose"] *)){
976
- margin-bottom:0
977
- }
978
-
979
- .htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"] *)){
980
- margin-bottom:0.75rem;
981
- }
982
-
983
- .htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"] *)):not(:first-child){
984
- margin-top:1.25rem
985
- }
986
-
987
- .htw-pointer-events-none{
988
- pointer-events:none
989
- }
990
-
991
- .htw-invisible{
992
- visibility:hidden
993
- }
994
-
995
- .htw-fixed{
996
- position:fixed
997
- }
998
-
999
- .htw-absolute{
1000
- position:absolute
1001
- }
1002
-
1003
- .htw-relative{
1004
- position:relative
1005
- }
1006
-
1007
- .htw-inset-0{
1008
- top:0px;
1009
- right:0px;
1010
- bottom:0px;
1011
- left:0px
1012
- }
1013
-
1014
- .htw-top-0{
1015
- top:0px
1016
- }
1017
-
1018
- .htw-right-0{
1019
- right:0px
1020
- }
1021
-
1022
- .htw-left-0{
1023
- left:0px
1024
- }
1025
-
1026
- .htw-bottom-0{
1027
- bottom:0px
1028
- }
1029
-
1030
- .htw-top-1{
1031
- top:0.25rem
1032
- }
1033
-
1034
- .htw-left-4{
1035
- left:1rem
1036
- }
1037
-
1038
- .htw-right-4{
1039
- right:1rem
1040
- }
1041
-
1042
- .htw-bottom-1{
1043
- bottom:0.25rem
1044
- }
1045
-
1046
- .htw-left-1{
1047
- left:0.25rem
1048
- }
1049
-
1050
- .htw-top-4{
1051
- top:1rem
1052
- }
1053
-
1054
- .htw-bottom-4{
1055
- bottom:1rem
1056
- }
1057
-
1058
- .htw-right-1{
1059
- right:0.25rem
1060
- }
1061
-
1062
- .htw-isolate{
1063
- isolation:isolate
1064
- }
1065
-
1066
- .htw-z-10{
1067
- z-index:10
1068
- }
1069
-
1070
- .htw-z-20{
1071
- z-index:20
1072
- }
1073
-
1074
- .htw-m-0{
1075
- margin:0px
1076
- }
1077
-
1078
- .htw-m-4{
1079
- margin:1rem
1080
- }
1081
-
1082
- .htw-m-1{
1083
- margin:0.25rem
1084
- }
1085
-
1086
- .-htw-my-1{
1087
- margin-top:-0.25rem;
1088
- margin-bottom:-0.25rem
1089
- }
1090
-
1091
- .htw-mx-1{
1092
- margin-left:0.25rem;
1093
- margin-right:0.25rem
1094
- }
1095
-
1096
- .htw-my-2{
1097
- margin-top:0.5rem;
1098
- margin-bottom:0.5rem
1099
- }
1100
-
1101
- .htw-mx-2{
1102
- margin-left:0.5rem;
1103
- margin-right:0.5rem
1104
- }
1105
-
1106
- .htw-my-0{
1107
- margin-top:0px;
1108
- margin-bottom:0px
1109
- }
1110
-
1111
- .htw-my-8{
1112
- margin-top:2rem;
1113
- margin-bottom:2rem
1114
- }
1115
-
1116
- .htw-mx-4{
1117
- margin-left:1rem;
1118
- margin-right:1rem
1119
- }
1120
-
1121
- .htw-mt-2{
1122
- margin-top:0.5rem
1123
- }
1124
-
1125
- .htw-ml-auto{
1126
- margin-left:auto
1127
- }
1128
-
1129
- .htw-mb-6{
1130
- margin-bottom:1.5rem
1131
- }
1132
-
1133
- .htw-mt-0\.5{
1134
- margin-top:0.125rem
1135
- }
1136
-
1137
- .htw-mt-0{
1138
- margin-top:0px
1139
- }
1140
-
1141
- .-htw-mt-1{
1142
- margin-top:-0.25rem
1143
- }
1144
-
1145
- .htw-mr-auto{
1146
- margin-right:auto
1147
- }
1148
-
1149
- .htw-mb-2{
1150
- margin-bottom:0.5rem
1151
- }
1152
-
1153
- .htw-box-border{
1154
- box-sizing:border-box
1155
- }
1156
-
1157
- .htw-block{
1158
- display:block
1159
- }
1160
-
1161
- .htw-flex{
1162
- display:flex
1163
- }
1164
-
1165
- .htw-inline-flex{
1166
- display:inline-flex
1167
- }
1168
-
1169
- .htw-grid{
1170
- display:grid
1171
- }
1172
-
1173
- .htw-hidden{
1174
- display:none
1175
- }
1176
-
1177
- .htw-h-screen{
1178
- height:100vh
1179
- }
1180
-
1181
- .htw-h-full{
1182
- height:100%
1183
- }
1184
-
1185
- .htw-h-64{
1186
- height:16rem
1187
- }
1188
-
1189
- .htw-h-16{
1190
- height:4rem
1191
- }
1192
-
1193
- .htw-h-6{
1194
- height:1.5rem
1195
- }
1196
-
1197
- .htw-h-12{
1198
- height:3rem
1199
- }
1200
-
1201
- .htw-h-5{
1202
- height:1.25rem
1203
- }
1204
-
1205
- .htw-h-3{
1206
- height:0.75rem
1207
- }
1208
-
1209
- .htw-h-8{
1210
- height:2rem
1211
- }
1212
-
1213
- .htw-h-\[16px\]{
1214
- height:16px
1215
- }
1216
-
1217
- .htw-h-4{
1218
- height:1rem
1219
- }
1220
-
1221
- .htw-h-10{
1222
- height:2.5rem
1223
- }
1224
-
1225
- .htw-h-\[27px\]{
1226
- height:27px
1227
- }
1228
-
1229
- .htw-h-\[2px\]{
1230
- height:2px
1231
- }
1232
-
1233
- .htw-h-9{
1234
- height:2.25rem
1235
- }
1236
-
1237
- .htw-h-\[51px\]{
1238
- height:51px
1239
- }
1240
-
1241
- .htw-h-fit{
1242
- height:-webkit-fit-content;
1243
- height:-moz-fit-content;
1244
- height:fit-content
1245
- }
1246
-
1247
- .htw-h-2{
1248
- height:0.5rem
1249
- }
1250
-
1251
- .htw-h-px{
1252
- height:1px
1253
- }
1254
-
1255
- .htw-h-\[1px\]{
1256
- height:1px
1257
- }
1258
-
1259
- .htw-h-\[100px\]{
1260
- height:100px
1261
- }
1262
-
1263
- .htw-h-32{
1264
- height:8rem
1265
- }
1266
-
1267
- .htw-h-20{
1268
- height:5rem
1269
- }
1270
-
1271
- .htw-max-h-full{
1272
- max-height:100%
1273
- }
1274
-
1275
- .htw-max-h-\[400px\]{
1276
- max-height:400px
1277
- }
1278
-
1279
- .htw-min-h-\[26px\]{
1280
- min-height:26px
1281
- }
1282
-
1283
- .htw-w-64{
1284
- width:16rem
1285
- }
1286
-
1287
- .htw-w-full{
1288
- width:100%
1289
- }
1290
-
1291
- .htw-w-6{
1292
- width:1.5rem
1293
- }
1294
-
1295
- .htw-w-5{
1296
- width:1.25rem
1297
- }
1298
-
1299
- .htw-w-3{
1300
- width:0.75rem
1301
- }
1302
-
1303
- .htw-w-screen{
1304
- width:100vw
1305
- }
1306
-
1307
- .htw-w-8{
1308
- width:2rem
1309
- }
1310
-
1311
- .htw-w-\[16px\]{
1312
- width:16px
1313
- }
1314
-
1315
- .htw-w-4{
1316
- width:1rem
1317
- }
1318
-
1319
- .htw-w-\[2px\]{
1320
- width:2px
1321
- }
1322
-
1323
- .htw-w-fit{
1324
- width:-webkit-fit-content;
1325
- width:-moz-fit-content;
1326
- width:fit-content
1327
- }
1328
-
1329
- .htw-w-px{
1330
- width:1px
1331
- }
1332
-
1333
- .htw-w-2{
1334
- width:0.5rem
1335
- }
1336
-
1337
- .htw-w-max{
1338
- width:-webkit-max-content;
1339
- width:-moz-max-content;
1340
- width:max-content
1341
- }
1342
-
1343
- .htw-w-16{
1344
- width:4rem
1345
- }
1346
-
1347
- .htw-w-20{
1348
- width:5rem
1349
- }
1350
-
1351
- .htw-w-28{
1352
- width:7rem
1353
- }
1354
-
1355
- .htw-w-32{
1356
- width:8rem
1357
- }
1358
-
1359
- .htw-min-w-\[150px\]{
1360
- min-width:150px
1361
- }
1362
-
1363
- .htw-min-w-4{
1364
- min-width:1rem
1365
- }
1366
-
1367
- .htw-min-w-0{
1368
- min-width:0px
1369
- }
1370
-
1371
- .htw-min-w-16{
1372
- min-width:4rem
1373
- }
1374
-
1375
- .htw-max-w-full{
1376
- max-width:100%
1377
- }
1378
-
1379
- .htw-max-w-none{
1380
- max-width:none
1381
- }
1382
-
1383
- .htw-max-w-\[400px\]{
1384
- max-width:400px
1385
- }
1386
-
1387
- .htw-max-w-\[512px\]{
1388
- max-width:512px
1389
- }
1390
-
1391
- .htw-flex-none{
1392
- flex:none
1393
- }
1394
-
1395
- .htw-flex-1{
1396
- flex:1 1 0%
1397
- }
1398
-
1399
- .htw-shrink-0{
1400
- flex-shrink:0
1401
- }
1402
-
1403
- .htw-shrink{
1404
- flex-shrink:1
1405
- }
1406
-
1407
- .htw-grow{
1408
- flex-grow:1
1409
- }
1410
-
1411
- .htw-rotate-90{
1412
- --tw-rotate:90deg;
1413
- 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))
1414
- }
1415
-
1416
- .htw-scale-0{
1417
- --tw-scale-x:0;
1418
- --tw-scale-y:0;
1419
- 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))
1420
- }
1421
-
1422
- .htw-cursor-pointer{
1423
- cursor:pointer
1424
- }
1425
-
1426
- .htw-cursor-ew-resize{
1427
- cursor:ew-resize
1428
- }
1429
-
1430
- .htw-cursor-ns-resize{
1431
- cursor:ns-resize
1432
- }
1433
-
1434
- .htw-cursor-nwse-resize{
1435
- cursor:nwse-resize
1436
- }
1437
-
1438
- .htw-cursor-default{
1439
- cursor:default
1440
- }
1441
-
1442
- .htw-cursor-text{
1443
- cursor:text
1444
- }
1445
-
1446
- .htw-select-none{
1447
- -webkit-user-select:none;
1448
- -moz-user-select:none;
1449
- -ms-user-select:none;
1450
- user-select:none
1451
- }
1452
-
1453
- .htw-resize-none{
1454
- resize:none
1455
- }
1456
-
1457
- .htw-resize-y{
1458
- resize:vertical
1459
- }
1460
-
1461
- .htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
1462
- grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
1463
- }
1464
-
1465
- .htw-flex-col{
1466
- flex-direction:column
1467
- }
1468
-
1469
- .htw-flex-wrap{
1470
- flex-wrap:wrap
1471
- }
1472
-
1473
- .htw-place-content-between{
1474
- place-content:space-between
1475
- }
1476
-
1477
- .htw-items-end{
1478
- align-items:flex-end
1479
- }
1480
-
1481
- .htw-items-center{
1482
- align-items:center
1483
- }
1484
-
1485
- .htw-items-baseline{
1486
- align-items:baseline
1487
- }
1488
-
1489
- .htw-items-stretch{
1490
- align-items:stretch
1491
- }
1492
-
1493
- .htw-justify-center{
1494
- justify-content:center
1495
- }
1496
-
1497
- .htw-gap-1{
1498
- gap:0.25rem
1499
- }
1500
-
1501
- .htw-gap-2{
1502
- gap:0.5rem
1503
- }
1504
-
1505
- .htw-gap-6{
1506
- gap:1.5rem
1507
- }
1508
-
1509
- .htw-gap-4{
1510
- gap:1rem
1511
- }
1512
-
1513
- .htw-gap-0\.5{
1514
- gap:0.125rem
1515
- }
1516
-
1517
- .htw-gap-0{
1518
- gap:0px
1519
- }
1520
-
1521
- .htw-gap-y-1{
1522
- row-gap:0.25rem
1523
- }
1524
-
1525
- .htw-space-y-4 > :not([hidden]) ~ :not([hidden]){
1526
- --tw-space-y-reverse:0;
1527
- margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1528
- margin-bottom:calc(1rem * var(--tw-space-y-reverse))
1529
- }
1530
-
1531
- .htw-divide-y > :not([hidden]) ~ :not([hidden]){
1532
- --tw-divide-y-reverse:0;
1533
- border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1534
- border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
1535
- }
1536
-
1537
- .htw-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
1538
- --tw-divide-opacity:1;
1539
- border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-divide-opacity))
1540
- }
1541
-
1542
- .htw-divide-gray-200 > :not([hidden]) ~ :not([hidden]){
1543
- --tw-divide-opacity:1;
1544
- border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-divide-opacity))
1545
- }
1546
-
1547
- .htw-overflow-auto{
1548
- overflow:auto
1549
- }
1550
-
1551
- .htw-overflow-hidden{
1552
- overflow:hidden
1553
- }
1554
-
1555
- .htw-overflow-y-auto{
1556
- overflow-y:auto
1557
- }
1558
-
1559
- .htw-overflow-y-scroll{
1560
- overflow-y:scroll
1561
- }
1562
-
1563
- .htw-truncate{
1564
- overflow:hidden;
1565
- text-overflow:ellipsis;
1566
- white-space:nowrap
1567
- }
1568
-
1569
- .htw-text-ellipsis{
1570
- text-overflow:ellipsis
1571
- }
1572
-
1573
- .htw-whitespace-nowrap{
1574
- white-space:nowrap
1575
- }
1576
-
1577
- .htw-rounded-sm{
1578
- border-radius:0.25rem
1579
- }
1580
-
1581
- .htw-rounded-full{
1582
- border-radius:9999px
1583
- }
1584
-
1585
- .htw-rounded-lg{
1586
- border-radius:0.75rem
1587
- }
1588
-
1589
- .htw-rounded{
1590
- border-radius:0.375rem
1591
- }
1592
-
1593
- .htw-rounded-b-lg{
1594
- border-bottom-right-radius:0.75rem;
1595
- border-bottom-left-radius:0.75rem
1596
- }
1597
-
1598
- .htw-rounded-r-lg{
1599
- border-top-right-radius:0.75rem;
1600
- border-bottom-right-radius:0.75rem
1601
- }
1602
-
1603
- .htw-border{
1604
- border-width:1px
1605
- }
1606
-
1607
- .htw-border-8{
1608
- border-width:8px
1609
- }
1610
-
1611
- .htw-border-2{
1612
- border-width:2px
1613
- }
1614
-
1615
- .htw-border-b-2{
1616
- border-bottom-width:2px
1617
- }
1618
-
1619
- .htw-border-b{
1620
- border-bottom-width:1px
1621
- }
1622
-
1623
- .htw-border-r{
1624
- border-right-width:1px
1625
- }
1626
-
1627
- .htw-border-t{
1628
- border-top-width:1px
1629
- }
1630
-
1631
- .htw-border-l-2{
1632
- border-left-width:2px
1633
- }
1634
-
1635
- .htw-border-solid{
1636
- border-style:solid
1637
- }
1638
-
1639
- .htw-border-gray-600{
1640
- --tw-border-opacity:1;
1641
- border-color:rgb(var(--_histoire-color-gray-600) / var(--tw-border-opacity))
1642
- }
1643
-
1644
- .htw-border-gray-100{
1645
- --tw-border-opacity:1;
1646
- border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-border-opacity))
1647
- }
1648
-
1649
- .htw-border-primary-500{
1650
- --tw-border-opacity:1;
1651
- border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
1652
- }
1653
-
1654
- .htw-border-black\/25{
1655
- border-color:rgb(0 0 0 / 0.25)
1656
- }
1657
-
1658
- .htw-border-gray-200{
1659
- --tw-border-opacity:1;
1660
- border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-border-opacity))
1661
- }
1662
-
1663
- .htw-border-transparent{
1664
- border-color:transparent
1665
- }
1666
-
1667
- .htw-border-gray-500\/10{
1668
- border-color:rgb(var(--_histoire-color-gray-500) / 0.1)
1669
- }
1670
-
1671
- .htw-border-primary-200{
1672
- --tw-border-opacity:1;
1673
- border-color:rgb(var(--_histoire-color-primary-200) / var(--tw-border-opacity))
1674
- }
1675
-
1676
- .htw-border-black\/50{
1677
- border-color:rgb(0 0 0 / 0.5)
1678
- }
1679
-
1680
- .htw-border-black\/20{
1681
- border-color:rgb(0 0 0 / 0.2)
1682
- }
1683
-
1684
- .htw-border-gray-850{
1685
- --tw-border-opacity:1;
1686
- border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
1687
- }
1688
-
1689
- .htw-bg-white{
1690
- --tw-bg-opacity:1;
1691
- background-color:rgb(255 255 255 / var(--tw-bg-opacity))
1692
- }
1693
-
1694
- .htw-bg-gray-500{
1695
- --tw-bg-opacity:1;
1696
- background-color:rgb(var(--_histoire-color-gray-500) / var(--tw-bg-opacity))
1697
- }
1698
-
1699
- .htw-bg-primary-500\/10{
1700
- background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
1701
- }
1702
-
1703
- .htw-bg-primary-500{
1704
- --tw-bg-opacity:1;
1705
- background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity))
1706
- }
1707
-
1708
- .htw-bg-gray-50{
1709
- --tw-bg-opacity:1;
1710
- background-color:rgb(var(--_histoire-color-gray-50) / var(--tw-bg-opacity))
1711
- }
1712
-
1713
- .htw-bg-primary-200{
1714
- --tw-bg-opacity:1;
1715
- background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity))
1716
- }
1717
-
1718
- .htw-bg-primary-500\/25{
1719
- background-color:rgb(var(--_histoire-color-primary-500) / 0.25)
1720
- }
1721
-
1722
- .htw-bg-transparent{
1723
- background-color:transparent
1724
- }
1725
-
1726
- .htw-bg-primary-50{
1727
- --tw-bg-opacity:1;
1728
- background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
1729
- }
1730
-
1731
- .htw-bg-gray-100{
1732
- --tw-bg-opacity:1;
1733
- background-color:rgb(var(--_histoire-color-gray-100) / var(--tw-bg-opacity))
1734
- }
1735
-
1736
- .htw-bg-white\/80{
1737
- background-color:rgb(255 255 255 / 0.8)
1738
- }
1739
-
1740
- .htw-bg-gray-200{
1741
- --tw-bg-opacity:1;
1742
- background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
1743
- }
1744
-
1745
- .htw-bg-gray-500\/10{
1746
- background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
1747
- }
1748
-
1749
- .htw-bg-gray-500\/50{
1750
- background-color:rgb(var(--_histoire-color-gray-500) / 0.5)
1751
- }
1752
-
1753
- .htw-bg-gray-700{
1754
- --tw-bg-opacity:1;
1755
- background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
1756
- }
1757
-
1758
- .htw-stroke-white{
1759
- stroke:#fff
1760
- }
1761
-
1762
- .htw-stroke-2{
1763
- stroke-width:2
1764
- }
1765
-
1766
- .htw-p-2{
1767
- padding:0.5rem
1768
- }
1769
-
1770
- .htw-p-4{
1771
- padding:1rem
1772
- }
1773
-
1774
- .htw-p-1{
1775
- padding:0.25rem
1776
- }
1777
-
1778
- .htw-px-1{
1779
- padding-left:0.25rem;
1780
- padding-right:0.25rem
1781
- }
1782
-
1783
- .htw-px-4{
1784
- padding-left:1rem;
1785
- padding-right:1rem
1786
- }
1787
-
1788
- .htw-py-3{
1789
- padding-top:0.75rem;
1790
- padding-bottom:0.75rem
1791
- }
1792
-
1793
- .htw-px-6{
1794
- padding-left:1.5rem;
1795
- padding-right:1.5rem
1796
- }
1797
-
1798
- .htw-py-12{
1799
- padding-top:3rem;
1800
- padding-bottom:3rem
1801
- }
1802
-
1803
- .htw-px-2{
1804
- padding-left:0.5rem;
1805
- padding-right:0.5rem
1806
- }
1807
-
1808
- .htw-py-1{
1809
- padding-top:0.25rem;
1810
- padding-bottom:0.25rem
1811
- }
1812
-
1813
- .htw-px-0\.5{
1814
- padding-left:0.125rem;
1815
- padding-right:0.125rem
1816
- }
1817
-
1818
- .htw-px-0{
1819
- padding-left:0px;
1820
- padding-right:0px
1821
- }
1822
-
1823
- .htw-py-2{
1824
- padding-top:0.5rem;
1825
- padding-bottom:0.5rem
1826
- }
1827
-
1828
- .htw-py-4{
1829
- padding-top:1rem;
1830
- padding-bottom:1rem
1831
- }
1832
-
1833
- .htw-py-0\.5{
1834
- padding-top:0.125rem;
1835
- padding-bottom:0.125rem
1836
- }
1837
-
1838
- .htw-py-0{
1839
- padding-top:0px;
1840
- padding-bottom:0px
1841
- }
1842
-
1843
- .htw-pr-2{
1844
- padding-right:0.5rem
1845
- }
1846
-
1847
- .htw-pl-6{
1848
- padding-left:1.5rem
1849
- }
1850
-
1851
- .htw-pl-0{
1852
- padding-left:0px
1853
- }
1854
-
1855
- .htw-pr-6{
1856
- padding-right:1.5rem
1857
- }
1858
-
1859
- .htw-pl-0\.5{
1860
- padding-left:0.125rem
1861
- }
1862
-
1863
- .htw-pl-4{
1864
- padding-left:1rem
1865
- }
1866
-
1867
- .htw-pl-2{
1868
- padding-left:0.5rem
1869
- }
1870
-
1871
- .htw-text-left{
1872
- text-align:left
1873
- }
1874
-
1875
- .htw-text-center{
1876
- text-align:center
1877
- }
1878
-
1879
- .htw-font-mono{
1880
- font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
1881
- }
1882
-
1883
- .htw-text-xs{
1884
- font-size:0.75rem;
1885
- line-height:1rem
1886
- }
1887
-
1888
- .htw-text-sm{
1889
- font-size:0.875rem;
1890
- line-height:1.25rem
1891
- }
1892
-
1893
- .htw-text-lg{
1894
- font-size:1.125rem;
1895
- line-height:1.75rem
1896
- }
1897
-
1898
- .htw-text-5xl{
1899
- font-size:3rem;
1900
- line-height:1
1901
- }
1902
-
1903
- .htw-leading-normal{
1904
- line-height:1.5
1905
- }
1906
-
1907
- .htw-text-white\/40{
1908
- color:rgb(255 255 255 / 0.4)
1909
- }
1910
-
1911
- .htw-text-gray-900{
1912
- --tw-text-opacity:1;
1913
- color:rgb(var(--_histoire-color-gray-900) / var(--tw-text-opacity))
1914
- }
1915
-
1916
- .htw-text-primary-500{
1917
- --tw-text-opacity:1;
1918
- color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
1919
- }
1920
-
1921
- .htw-text-gray-500{
1922
- --tw-text-opacity:1;
1923
- color:rgb(var(--_histoire-color-gray-500) / var(--tw-text-opacity))
1924
- }
1925
-
1926
- .htw-text-white{
1927
- --tw-text-opacity:1;
1928
- color:rgb(255 255 255 / var(--tw-text-opacity))
1929
- }
1930
-
1931
- .htw-text-gray-400{
1932
- --tw-text-opacity:1;
1933
- color:rgb(var(--_histoire-color-gray-400) / var(--tw-text-opacity))
1934
- }
1935
-
1936
- .htw-text-orange-500{
1937
- --tw-text-opacity:1;
1938
- color:rgb(249 115 22 / var(--tw-text-opacity))
1939
- }
1940
-
1941
- .htw-text-inherit{
1942
- color:inherit
1943
- }
1944
-
1945
- .htw-text-red-500{
1946
- --tw-text-opacity:1;
1947
- color:rgb(239 68 68 / var(--tw-text-opacity))
1948
- }
1949
-
1950
- .htw-text-black\/\[2\%\]{
1951
- color:rgb(0 0 0 / 2%)
1952
- }
1953
-
1954
- .htw-text-gray-500\/20{
1955
- color:rgb(var(--_histoire-color-gray-500) / 0.2)
1956
- }
1957
-
1958
- .htw-text-primary-800{
1959
- --tw-text-opacity:1;
1960
- color:rgb(var(--_histoire-color-primary-800) / var(--tw-text-opacity))
1961
- }
1962
-
1963
- .htw-opacity-25{
1964
- opacity:0.25
1965
- }
1966
-
1967
- .htw-opacity-40{
1968
- opacity:0.4
1969
- }
1970
-
1971
- .htw-opacity-50{
1972
- opacity:0.5
1973
- }
1974
-
1975
- .htw-opacity-30{
1976
- opacity:0.3
1977
- }
1978
-
1979
- .htw-opacity-60{
1980
- opacity:0.6
1981
- }
1982
-
1983
- .htw-opacity-20{
1984
- opacity:0.2
1985
- }
1986
-
1987
- .htw-opacity-70{
1988
- opacity:0.7
1989
- }
1990
-
1991
- .htw-shadow-xl{
1992
- --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
1993
- --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
1994
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
1995
- }
1996
-
1997
- .htw-outline-none{
1998
- outline:2px solid transparent;
1999
- outline-offset:2px
2000
- }
2001
-
2002
- .htw-transition-transform{
2003
- transition-property:transform;
2004
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
2005
- transition-duration:150ms
2006
- }
2007
-
2008
- .htw-transition-border{
2009
- transition-property:border;
2010
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
2011
- transition-duration:150ms
2012
- }
2013
-
2014
- .htw-transition-all{
2015
- transition-property:all;
2016
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
2017
- transition-duration:150ms
2018
- }
2019
-
2020
- .htw-transition-none{
2021
- transition-property:none
2022
- }
2023
-
2024
- .htw-transition-colors{
2025
- transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
2026
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
2027
- transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
2028
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
2029
- transition-duration:150ms
2030
- }
2031
-
2032
- .htw-delay-150{
2033
- transition-delay:150ms
2034
- }
2035
-
2036
- .htw-duration-150{
2037
- transition-duration:150ms
2038
- }
2039
-
2040
- .htw-duration-200{
2041
- transition-duration:200ms
2042
- }
2043
-
2044
- .htw-ease-out{
2045
- transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
2046
- }
2047
-
2048
- .htw-ease-in-out{
2049
- transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
2050
- }
2051
-
2052
- body,
2053
- pre {
2054
- margin: 0;
2055
- }
2056
-
2057
- html,
2058
- body,
2059
- #app {
2060
- height: 100%;
2061
- font-family: 'Lato', sans-serif;
2062
- }
2063
-
2064
- html {
2065
- font-size: 16px;
2066
- }
2067
-
2068
- body {
2069
- font-size: 18px;
2070
- }
2071
-
2072
- @media (min-width: 640px) {
2073
- body {
2074
- font-size: 14px;
2075
- }
2076
- }
2077
-
2078
- .__histoire-sandbox {
2079
- contain: content;
2080
- }
2081
-
2082
- .__histoire-code .shiki {
2083
- background: transparent !important;
2084
- }
2085
-
2086
- .htw-prose h1:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h2:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h3:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h4:not(:hover) .header-anchor[aria-hidden="true"] {
2087
- visibility: hidden;
2088
- }
2089
-
2090
- .htw-prose hr {
2091
- margin: 1rem 0;
2092
- }
2093
-
2094
- .first\:htw-mt-0:first-child{
2095
- margin-top:0px
2096
- }
2097
-
2098
- .last\:htw-mb-0:last-child{
2099
- margin-bottom:0px
2100
- }
2101
-
2102
- .hover\:htw-border-primary-500:hover{
2103
- --tw-border-opacity:1;
2104
- border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
2105
- }
2106
-
2107
- .hover\:htw-bg-primary-100:hover{
2108
- --tw-bg-opacity:1;
2109
- background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
2110
- }
2111
-
2112
- .hover\:htw-bg-primary-600:hover{
2113
- --tw-bg-opacity:1;
2114
- background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
2115
- }
2116
-
2117
- .hover\:htw-bg-primary-50:hover{
2118
- --tw-bg-opacity:1;
2119
- background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity))
2120
- }
2121
-
2122
- .hover\:htw-bg-primary-500\/50:hover{
2123
- background-color:rgb(var(--_histoire-color-primary-500) / 0.5)
2124
- }
2125
-
2126
- .hover\:htw-bg-gray-200:hover{
2127
- --tw-bg-opacity:1;
2128
- background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity))
2129
- }
2130
-
2131
- .hover\:htw-bg-primary-300:hover{
2132
- --tw-bg-opacity:1;
2133
- background-color:rgb(var(--_histoire-color-primary-300) / var(--tw-bg-opacity))
2134
- }
2135
-
2136
- .hover\:htw-text-primary-500:hover{
2137
- --tw-text-opacity:1;
2138
- color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity))
2139
- }
2140
-
2141
- .hover\:htw-opacity-100:hover{
2142
- opacity:1
2143
- }
2144
-
2145
- .focus\:htw-border-primary-500:focus{
2146
- --tw-border-opacity:1;
2147
- border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
2148
- }
2149
-
2150
- .focus\:htw-opacity-100:focus{
2151
- opacity:1
2152
- }
2153
-
2154
- .focus-visible\:htw-border-primary-500:focus-visible{
2155
- --tw-border-opacity:1;
2156
- border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
2157
- }
2158
-
2159
- .htw-group:nth-child(odd) .group-odd\:htw-bg-gray-100\/50{
2160
- background-color:rgb(var(--_histoire-color-gray-100) / 0.5)
2161
- }
2162
-
2163
- .htw-group:hover .group-hover\:htw-bg-primary-100{
2164
- --tw-bg-opacity:1;
2165
- background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity))
2166
- }
2167
-
2168
- .htw-group:hover .group-hover\:htw-opacity-100{
2169
- opacity:1
2170
- }
2171
-
2172
- .htw-group:hover .group-hover\:htw-opacity-90{
2173
- opacity:0.9
2174
- }
2175
-
2176
- .htw-group:active .group-active\:htw-bg-gray-500\/20{
2177
- background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
2178
- }
2179
-
2180
- .htw-dark .dark\:htw-prose-invert{
2181
- --tw-prose-body:var(--tw-prose-invert-body);
2182
- --tw-prose-headings:var(--tw-prose-invert-headings);
2183
- --tw-prose-lead:var(--tw-prose-invert-lead);
2184
- --tw-prose-links:var(--tw-prose-invert-links);
2185
- --tw-prose-bold:var(--tw-prose-invert-bold);
2186
- --tw-prose-counters:var(--tw-prose-invert-counters);
2187
- --tw-prose-bullets:var(--tw-prose-invert-bullets);
2188
- --tw-prose-hr:var(--tw-prose-invert-hr);
2189
- --tw-prose-quotes:var(--tw-prose-invert-quotes);
2190
- --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
2191
- --tw-prose-captions:var(--tw-prose-invert-captions);
2192
- --tw-prose-code:var(--tw-prose-invert-code);
2193
- --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
2194
- --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
2195
- --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
2196
- --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
2197
- }
2198
-
2199
- .htw-dark .dark\:htw-divide-gray-800 > :not([hidden]) ~ :not([hidden]){
2200
- --tw-divide-opacity:1;
2201
- border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-divide-opacity))
2202
- }
2203
-
2204
- .htw-dark .dark\:htw-divide-gray-750 > :not([hidden]) ~ :not([hidden]){
2205
- --tw-divide-opacity:1;
2206
- border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-divide-opacity))
2207
- }
2208
-
2209
- .htw-dark .dark\:htw-divide-gray-850 > :not([hidden]) ~ :not([hidden]){
2210
- --tw-divide-opacity:1;
2211
- border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-divide-opacity))
2212
- }
2213
-
2214
- .htw-dark .dark\:htw-border-gray-800{
2215
- --tw-border-opacity:1;
2216
- border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity))
2217
- }
2218
-
2219
- .htw-dark .dark\:htw-border-white\/25{
2220
- border-color:rgb(255 255 255 / 0.25)
2221
- }
2222
-
2223
- .htw-dark .dark\:htw-border-gray-850{
2224
- --tw-border-opacity:1;
2225
- border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity))
2226
- }
2227
-
2228
- .htw-dark .dark\:htw-border-gray-750{
2229
- --tw-border-opacity:1;
2230
- border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-border-opacity))
2231
- }
2232
-
2233
- .htw-dark .dark\:htw-border-gray-700\/30{
2234
- border-color:rgb(var(--_histoire-color-gray-700) / 0.3)
2235
- }
2236
-
2237
- .htw-dark .dark\:htw-border-primary-900{
2238
- --tw-border-opacity:1;
2239
- border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity))
2240
- }
2241
-
2242
- .htw-dark .dark\:htw-border-white\/50{
2243
- border-color:rgb(255 255 255 / 0.5)
2244
- }
2245
-
2246
- .htw-dark .dark\:htw-border-white\/20{
2247
- border-color:rgb(255 255 255 / 0.2)
2248
- }
2249
-
2250
- .htw-dark .dark\:htw-bg-gray-700{
2251
- --tw-bg-opacity:1;
2252
- background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity))
2253
- }
2254
-
2255
- .htw-dark .dark\:htw-bg-primary-400{
2256
- --tw-bg-opacity:1;
2257
- background-color:rgb(var(--_histoire-color-primary-400) / var(--tw-bg-opacity))
2258
- }
2259
-
2260
- .htw-dark .dark\:htw-bg-primary-800{
2261
- --tw-bg-opacity:1;
2262
- background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
2263
- }
2264
-
2265
- .htw-dark .dark\:htw-bg-primary-600{
2266
- --tw-bg-opacity:1;
2267
- background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity))
2268
- }
2269
-
2270
- .htw-dark .dark\:htw-bg-gray-800{
2271
- --tw-bg-opacity:1;
2272
- background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
2273
- }
2274
-
2275
- .htw-dark .dark\:htw-bg-gray-700\/80{
2276
- background-color:rgb(var(--_histoire-color-gray-700) / 0.8)
2277
- }
2278
-
2279
- .htw-dark .dark\:htw-bg-gray-850{
2280
- --tw-bg-opacity:1;
2281
- background-color:rgb(var(--_histoire-color-gray-850) / var(--tw-bg-opacity))
2282
- }
2283
-
2284
- .htw-dark .dark\:htw-bg-primary-700{
2285
- --tw-bg-opacity:1;
2286
- background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
2287
- }
2288
-
2289
- .htw-dark .dark\:htw-bg-gray-750{
2290
- --tw-bg-opacity:1;
2291
- background-color:rgb(var(--_histoire-color-gray-750) / var(--tw-bg-opacity))
2292
- }
2293
-
2294
- .htw-dark .dark\:htw-bg-black{
2295
- --tw-bg-opacity:1;
2296
- background-color:rgb(0 0 0 / var(--tw-bg-opacity))
2297
- }
2298
-
2299
- .htw-dark .dark\:htw-bg-gray-600{
2300
- --tw-bg-opacity:1;
2301
- background-color:rgb(var(--_histoire-color-gray-600) / var(--tw-bg-opacity))
2302
- }
2303
-
2304
- .htw-dark .dark\:htw-text-gray-100{
2305
- --tw-text-opacity:1;
2306
- color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity))
2307
- }
2308
-
2309
- .htw-dark .dark\:htw-text-black{
2310
- --tw-text-opacity:1;
2311
- color:rgb(0 0 0 / var(--tw-text-opacity))
2312
- }
2313
-
2314
- .htw-dark .dark\:htw-text-primary-400{
2315
- --tw-text-opacity:1;
2316
- color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
2317
- }
2318
-
2319
- .htw-dark .dark\:htw-text-white\/\[2\%\]{
2320
- color:rgb(255 255 255 / 2%)
2321
- }
2322
-
2323
- .htw-dark .dark\:htw-text-primary-200{
2324
- --tw-text-opacity:1;
2325
- color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity))
2326
- }
2327
-
2328
- .htw-dark .dark\:hover\:htw-border-primary-500:hover{
2329
- --tw-border-opacity:1;
2330
- border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
2331
- }
2332
-
2333
- .htw-dark .dark\:hover\:htw-bg-primary-700:hover{
2334
- --tw-bg-opacity:1;
2335
- background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
2336
- }
2337
-
2338
- .htw-dark .dark\:hover\:htw-bg-primary-900:hover{
2339
- --tw-bg-opacity:1;
2340
- background-color:rgb(var(--_histoire-color-primary-900) / var(--tw-bg-opacity))
2341
- }
2342
-
2343
- .htw-dark .dark\:hover\:htw-bg-primary-800:hover{
2344
- --tw-bg-opacity:1;
2345
- background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity))
2346
- }
2347
-
2348
- .htw-dark .dark\:hover\:htw-bg-gray-800:hover{
2349
- --tw-bg-opacity:1;
2350
- background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity))
2351
- }
2352
-
2353
- .htw-dark .dark\:hover\:htw-text-primary-400:hover{
2354
- --tw-text-opacity:1;
2355
- color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity))
2356
- }
2357
-
2358
- .htw-dark .dark\:focus\:htw-border-primary-500:focus{
2359
- --tw-border-opacity:1;
2360
- border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity))
2361
- }
2362
-
2363
- .htw-dark .htw-group:nth-child(odd) .dark\:group-odd\:htw-bg-gray-750\/40{
2364
- background-color:rgb(var(--_histoire-color-gray-750) / 0.4)
2365
- }
2366
-
2367
- .htw-dark .htw-group:hover .dark\:group-hover\:htw-bg-primary-700{
2368
- --tw-bg-opacity:1;
2369
- background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity))
2370
- }
2371
-
2372
- @media (min-width: 640px){
2373
- .sm\:htw-h-4{
2374
- height:1rem
2375
- }
2376
-
2377
- .sm\:htw-w-4{
2378
- width:1rem
2379
- }
2380
-
2381
- .sm\:htw-p-1{
2382
- padding:0.25rem
2383
- }
2384
-
2385
- .sm\:htw-py-4{
2386
- padding-top:1rem;
2387
- padding-bottom:1rem
2388
- }
2389
- }
2390
-
2391
- @media (min-width: 768px){
2392
- .md\:htw-mx-auto{
2393
- margin-left:auto;
2394
- margin-right:auto
2395
- }
2396
-
2397
- .md\:htw-mt-16{
2398
- margin-top:4rem
2399
- }
2400
-
2401
- .md\:htw-max-w-\[600px\]{
2402
- max-width:600px
2403
- }
2404
-
2405
- .md\:htw-p-12{
2406
- padding:3rem
2407
- }
2408
-
2409
- .md\:htw-py-1\.5{
2410
- padding-top:0.375rem;
2411
- padding-bottom:0.375rem
2412
- }
2413
-
2414
- .md\:htw-py-1{
2415
- padding-top:0.25rem;
2416
- padding-bottom:0.25rem
2417
- }
2418
- }
2419
-
2420
- @media (min-width: 1024px){
2421
- .lg\:htw-max-w-\[800px\]{
2422
- max-width:800px
2423
- }
2424
- }
2425
-
2426
- @media (min-width: 1280px){
2427
- .xl\:htw-max-w-\[900px\]{
2428
- max-width:900px
2429
- }
2430
- }
2431
-
2432
- .shade[data-v-9e4c73b2] {
2433
- height: 80px;
2434
- border-radius: 4px;
2435
- }
2436
- .text[data-v-9e4c73b2] {
2437
- font-size: 4rem;
2438
- display: flex;
2439
- align-items: flex-end;
2440
- }
2441
- .border[data-v-9e4c73b2] {
2442
- border-style: solid;
2443
- border-width: 2px;
2444
- }
2445
- .padding[data-v-9e4c73b2] {
2446
- background-color: rgb(113 113 122 / 0.1);
2447
- width: -webkit-min-content;
2448
- width: -moz-min-content;
2449
- width: min-content;
2450
- }
2451
- .margin[data-v-9e4c73b2] {
2452
- border: dashed 1px rgb(113 113 122 / 0.5);
2453
- width: -webkit-min-content;
2454
- width: -moz-min-content;
2455
- width: min-content;
2456
- }
2457
- .padding-box[data-v-9e4c73b2],
2458
- .margin-box[data-v-9e4c73b2] {
2459
- width: 5rem;
2460
- height: 5rem;
2461
- background-color: rgb(113 113 122 / 0.5);
2462
- }
2463
- .padding[data-v-9e4c73b2],
2464
- .padding-box[data-v-9e4c73b2],
2465
- .margin[data-v-9e4c73b2],
2466
- .margin-box[data-v-9e4c73b2],
2467
- .drop-shadow[data-v-9e4c73b2] {
2468
- border-radius: 4px;
2469
- }
2470
- .truncate[data-v-9e4c73b2] {
2471
- overflow: hidden;
2472
- text-overflow: ellipsis;
2473
- white-space: nowrap;
2474
- }
2475
- .drop-shadow[data-v-9e4c73b2] {
2476
- width: 8rem;
2477
- height: 8rem;
2478
- background: white;
2479
- margin-bottom: 0.5rem;
2480
- }
2481
- .dark .drop-shadow[data-v-9e4c73b2] {
2482
- background: #4e4e57;
2483
- }
2484
- .border-radius[data-v-9e4c73b2] {
2485
- width: 8rem;
2486
- height: 8rem;
2487
- background-color: rgb(113 113 122 / 0.5);
2488
- }
2489
- .border-width[data-v-9e4c73b2] {
2490
- width: 8rem;
2491
- height: 8rem;
2492
- border-color: rgb(113 113 122 / 0.5);
2493
- background-color: rgb(113 113 122 / 0.1);
2494
- }
2495
- .width[data-v-9e4c73b2] {
2496
- background-color: rgb(113 113 122 / 0.1);
2497
- }
2498
- .width-box[data-v-9e4c73b2],
2499
- .height[data-v-9e4c73b2] {
2500
- background-color: rgb(113 113 122 / 0.5);
2501
- }
2502
- .width-box[data-v-9e4c73b2] {
2503
- height: 5rem;
2504
- }