@kruzer/styles 3.0.0-alpha.20 → 3.0.0-alpha.21
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.
- package/dist/kruzer-tailwind-preset.cjs +137 -203
- package/dist/styles.js +1 -0
- package/dist/styles.min.scss +1 -1
- package/package.json +5 -7
- package/dist/assets/fonts/Hellix-Bold.woff2 +0 -0
- package/dist/assets/fonts/Hellix-Light.woff2 +0 -0
- package/dist/assets/fonts/Hellix-Medium.woff2 +0 -0
- package/dist/assets/fonts/Hellix-Regular.woff2 +0 -0
|
@@ -1,8 +1,29 @@
|
|
|
1
1
|
module.exports = {
|
|
2
2
|
theme: {
|
|
3
3
|
extend: {
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
keyframes: {
|
|
5
|
+
slideDownAndFade: {
|
|
6
|
+
from: { opacity: '0', transform: 'translateY(-2px)' },
|
|
7
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
8
|
+
},
|
|
9
|
+
slideLeftAndFade: {
|
|
10
|
+
from: { opacity: '0', transform: 'translateX(2px)' },
|
|
11
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
12
|
+
},
|
|
13
|
+
slideUpAndFade: {
|
|
14
|
+
from: { opacity: '0', transform: 'translateY(2px)' },
|
|
15
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
16
|
+
},
|
|
17
|
+
slideRightAndFade: {
|
|
18
|
+
from: { opacity: '0', transform: 'translateX(-2px)' },
|
|
19
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
animation: {
|
|
23
|
+
slideDownAndFade: 'slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
24
|
+
slideLeftAndFade: 'slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
25
|
+
slideUpAndFade: 'slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
26
|
+
slideRightAndFade: 'slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
6
27
|
},
|
|
7
28
|
gridTemplateColumns: {
|
|
8
29
|
xs: "repeat(auto-fill,minmax(12.5rem,1fr))",
|
|
@@ -13,52 +34,79 @@ module.exports = {
|
|
|
13
34
|
gridColumn: {
|
|
14
35
|
"span-full": "1 / -1",
|
|
15
36
|
},
|
|
37
|
+
screens: {
|
|
38
|
+
'2md': '930px',
|
|
39
|
+
},
|
|
40
|
+
lineHeight: {
|
|
41
|
+
120: '120%',
|
|
42
|
+
140: '140%',
|
|
43
|
+
},
|
|
44
|
+
aria: {
|
|
45
|
+
invalid: 'invalid="true"',
|
|
46
|
+
},
|
|
16
47
|
},
|
|
17
48
|
colors: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
49
|
+
neutral: {
|
|
50
|
+
0: "rgb(var(--neutral-0) / <alpha-value>)",
|
|
51
|
+
25: "rgb(var(--neutral-25) / <alpha-value>)",
|
|
52
|
+
50: "rgb(var(--neutral-50) / <alpha-value>)",
|
|
53
|
+
100: "rgb(var(--neutral-100) / <alpha-value>)",
|
|
54
|
+
150: "rgb(var(--neutral-150) / <alpha-value>)",
|
|
55
|
+
200: "rgb(var(--neutral-200) / <alpha-value>)",
|
|
56
|
+
250: "rgb(var(--neutral-250) / <alpha-value>)",
|
|
57
|
+
300: "rgb(var(--neutral-300) / <alpha-value>)",
|
|
58
|
+
350: "rgb(var(--neutral-350) / <alpha-value>)",
|
|
59
|
+
400: "rgb(var(--neutral-400) / <alpha-value>)",
|
|
60
|
+
450: "rgb(var(--neutral-450) / <alpha-value>)",
|
|
61
|
+
500: "rgb(var(--neutral-500) / <alpha-value>)",
|
|
62
|
+
550: "rgb(var(--neutral-550) / <alpha-value>)",
|
|
63
|
+
600: "rgb(var(--neutral-600) / <alpha-value>)",
|
|
64
|
+
650: "rgb(var(--neutral-650) / <alpha-value>)",
|
|
65
|
+
700: "rgb(var(--neutral-700) / <alpha-value>)",
|
|
66
|
+
750: "rgb(var(--neutral-750) / <alpha-value>)",
|
|
67
|
+
800: "rgb(var(--neutral-800) / <alpha-value>)",
|
|
68
|
+
850: "rgb(var(--neutral-850) / <alpha-value>)",
|
|
69
|
+
900: "rgb(var(--neutral-900) / <alpha-value>)",
|
|
70
|
+
},
|
|
71
|
+
primary: {
|
|
72
|
+
0: "rgb(var(--primary-0) / <alpha-value>)",
|
|
73
|
+
50: "rgb(var(--primary-50) / <alpha-value>)",
|
|
74
|
+
100: "rgb(var(--primary-100) / <alpha-value>)",
|
|
75
|
+
500: "rgb(var(--primary-500) / <alpha-value>)",
|
|
76
|
+
600: "rgb(var(--primary-600) / <alpha-value>)",
|
|
77
|
+
900: "rgb(var(--primary-900) / <alpha-value>)",
|
|
78
|
+
},
|
|
79
|
+
success: {
|
|
80
|
+
100: "rgb(var(--success-100) / <alpha-value>)",
|
|
81
|
+
500: "rgb(var(--success-500) / <alpha-value>)",
|
|
82
|
+
600: "rgb(var(--success-600) / <alpha-value>)",
|
|
83
|
+
},
|
|
84
|
+
danger: {
|
|
85
|
+
100: "rgb(var(--danger-100) / <alpha-value>)",
|
|
86
|
+
500: "rgb(var(--danger-500) / <alpha-value>)",
|
|
87
|
+
600: "rgb(var(--danger-600) / <alpha-value>)",
|
|
88
|
+
},
|
|
89
|
+
warning: {
|
|
90
|
+
100: "rgb(var(--warning-100) / <alpha-value>)",
|
|
91
|
+
500: "rgb(var(--warning-500) / <alpha-value>)",
|
|
92
|
+
600: "rgb(var(--warning-600) / <alpha-value>)",
|
|
93
|
+
},
|
|
94
|
+
brand: {
|
|
95
|
+
10: "rgb(var(--brand-10) / <alpha-value>)",
|
|
96
|
+
20: "rgb(var(--brand-20) / <alpha-value>)",
|
|
97
|
+
30: "rgb(var(--brand-30) / <alpha-value>)",
|
|
98
|
+
40: "rgb(var(--brand-40) / <alpha-value>)",
|
|
99
|
+
50: "rgb(var(--brand-50) / <alpha-value>)",
|
|
100
|
+
60: "rgb(var(--brand-60) / <alpha-value>)",
|
|
101
|
+
70: "rgb(var(--brand-70) / <alpha-value>)",
|
|
102
|
+
80: "rgb(var(--brand-80) / <alpha-value>)",
|
|
103
|
+
},
|
|
104
|
+
"post": "rgb(var(--post) / <alpha-value>)",
|
|
105
|
+
"delete": "rgb(var(--delete) / <alpha-value>)",
|
|
106
|
+
"put": "rgb(var(--put) / <alpha-value>)",
|
|
107
|
+
"patch": "rgb(var(--patch) / <alpha-value>)",
|
|
108
|
+
"get": "rgb(var(--get) / <alpha-value>)",
|
|
109
|
+
body: 'rgb(var(--body-background) / <alpha-value>)',
|
|
62
110
|
transparent: "transparent",
|
|
63
111
|
brand: {
|
|
64
112
|
primary: {
|
|
@@ -201,173 +249,59 @@ module.exports = {
|
|
|
201
249
|
},
|
|
202
250
|
spacing: {
|
|
203
251
|
0: "0",
|
|
204
|
-
1: "
|
|
205
|
-
2: "
|
|
206
|
-
3: "
|
|
207
|
-
4: "
|
|
208
|
-
5: "
|
|
209
|
-
6: "
|
|
210
|
-
7: "1.
|
|
211
|
-
8: "
|
|
212
|
-
9: "
|
|
213
|
-
10: "
|
|
214
|
-
11: "
|
|
215
|
-
12: "
|
|
216
|
-
13: "
|
|
217
|
-
14: "
|
|
252
|
+
1: ".154rem",
|
|
253
|
+
2: ".308rem",
|
|
254
|
+
3: ".462rem",
|
|
255
|
+
4: ".615rem",
|
|
256
|
+
5: ".769rem",
|
|
257
|
+
6: ".923rem",
|
|
258
|
+
7: "1.077rem",
|
|
259
|
+
8: "1.231rem",
|
|
260
|
+
9: "1.385rem",
|
|
261
|
+
10: "1.538rem",
|
|
262
|
+
11: "1.692rem",
|
|
263
|
+
12: "1.846rem",
|
|
264
|
+
13: "2rem",
|
|
265
|
+
14: "2.154rem",
|
|
266
|
+
15: "2.308rem",
|
|
267
|
+
16: "2.538rem",
|
|
268
|
+
17: "2.923rem",
|
|
269
|
+
18: "3.308rem",
|
|
270
|
+
19: "3.692rem",
|
|
271
|
+
20: "4.077rem",
|
|
272
|
+
21: "4.462rem",
|
|
218
273
|
},
|
|
219
274
|
borderRadius: {
|
|
220
275
|
none: "0",
|
|
221
|
-
sm: ".
|
|
222
|
-
DEFAULT: ".
|
|
223
|
-
lg: "
|
|
276
|
+
sm: "0.308rem",
|
|
277
|
+
DEFAULT: ".462rem",
|
|
278
|
+
lg: "2.308rem",
|
|
224
279
|
full: "9999px",
|
|
225
280
|
},
|
|
226
281
|
fontSize: {
|
|
227
|
-
sm: "0.
|
|
282
|
+
sm: "0.769rem",
|
|
228
283
|
base: "1rem",
|
|
229
|
-
md: "1.
|
|
230
|
-
"2md": "1.
|
|
231
|
-
xl: "1.
|
|
232
|
-
"2xl": "
|
|
233
|
-
"3xl": "
|
|
234
|
-
|
|
235
|
-
|
|
284
|
+
md: "1.077rem",
|
|
285
|
+
"2md": "1.231rem",
|
|
286
|
+
"xl": "1.538rem",
|
|
287
|
+
"2xl": "2rem",
|
|
288
|
+
"3xl": "2.462rem",
|
|
289
|
+
},
|
|
290
|
+
fontFamily: {
|
|
291
|
+
'sans': ['Fira Sans', 'sans-serif'],
|
|
292
|
+
'mono': ['Fira Mono', 'monospace'],
|
|
236
293
|
},
|
|
237
294
|
fontWeight: {
|
|
238
|
-
|
|
239
|
-
|
|
295
|
+
regular: 400,
|
|
296
|
+
medium: 500,
|
|
240
297
|
semibold: 600,
|
|
241
298
|
bold: 700,
|
|
242
299
|
},
|
|
300
|
+
boxShadow: {
|
|
301
|
+
sm: '0px 3px 10px 0px rgba(0, 0, 0, 0.05)',
|
|
302
|
+
DEFAULT: '0px 2px 10px 0px rgba(0, 0, 0, 0.1)',
|
|
303
|
+
md: '0 0px 20px -1px rgb(0 0 0 / 0.1)',
|
|
304
|
+
bordered: '0 0px 0px 3px rgb(0 0 0 / 0.1)',
|
|
305
|
+
},
|
|
243
306
|
},
|
|
244
|
-
|
|
245
|
-
"bg-primary-50",
|
|
246
|
-
"!bg-primary-50",
|
|
247
|
-
"border-primary-50",
|
|
248
|
-
"!border-primary-50",
|
|
249
|
-
"bg-primary-20",
|
|
250
|
-
"!bg-primary-20",
|
|
251
|
-
"border-primary-20",
|
|
252
|
-
"!border-primary-20",
|
|
253
|
-
"bg-error-20",
|
|
254
|
-
"!bg-error-20",
|
|
255
|
-
"bg-error-10",
|
|
256
|
-
"!bg-error-10",
|
|
257
|
-
"border-error-20",
|
|
258
|
-
"!border-error-20",
|
|
259
|
-
"bg-purple-10",
|
|
260
|
-
"!bg-purple-10",
|
|
261
|
-
"border-purple-10",
|
|
262
|
-
"!border-purple-10",
|
|
263
|
-
"bg-yellow-10",
|
|
264
|
-
"!bg-yellow-10",
|
|
265
|
-
"border-yellow-10",
|
|
266
|
-
"!border-yellow-10",
|
|
267
|
-
"bg-grey-40",
|
|
268
|
-
"!bg-grey-40",
|
|
269
|
-
"border-grey-40",
|
|
270
|
-
"!border-grey-40",
|
|
271
|
-
"success-10",
|
|
272
|
-
"!success-10",
|
|
273
|
-
"bg-success-10",
|
|
274
|
-
"!bg-success-10",
|
|
275
|
-
"border-success-10",
|
|
276
|
-
"!border-success-10",
|
|
277
|
-
"success-20",
|
|
278
|
-
"!success-20",
|
|
279
|
-
"bg-success-20",
|
|
280
|
-
"!bg-success-20",
|
|
281
|
-
"border-success-20",
|
|
282
|
-
"!border-success-20",
|
|
283
|
-
"bg-black-20",
|
|
284
|
-
"!bg-black-20",
|
|
285
|
-
"bg-warning-20",
|
|
286
|
-
"!bg-warning-20",
|
|
287
|
-
"!bg-warning-10",
|
|
288
|
-
"bg-warning-10",
|
|
289
|
-
"border-warning-10",
|
|
290
|
-
"!border-warning-10",
|
|
291
|
-
"cursor-pointer",
|
|
292
|
-
"text-black-40",
|
|
293
|
-
"hover:text-black-50",
|
|
294
|
-
"text-grey-40",
|
|
295
|
-
"mt-auto",
|
|
296
|
-
"items-end",
|
|
297
|
-
"grid",
|
|
298
|
-
"!bg-grey-60",
|
|
299
|
-
"bg-grey-60",
|
|
300
|
-
"!bg-error-40",
|
|
301
|
-
"bg-error-40",
|
|
302
|
-
"!bg-blue-dark-40",
|
|
303
|
-
"bg-blue-dark-40",
|
|
304
|
-
"!bg-blue-dark-60",
|
|
305
|
-
"bg-blue-dark-60",
|
|
306
|
-
"!bg-yellow-10",
|
|
307
|
-
"bg-yellow-10",
|
|
308
|
-
"!bg-blue-dark-20",
|
|
309
|
-
"bg-blue-dark-20",
|
|
310
|
-
"!bg-error-30",
|
|
311
|
-
"bg-error-30",
|
|
312
|
-
"h-[4rem]",
|
|
313
|
-
"px-4",
|
|
314
|
-
"border-grey-light-40",
|
|
315
|
-
"sm:z-30",
|
|
316
|
-
"!bg-blue-dark-50",
|
|
317
|
-
"h-[2.5rem]",
|
|
318
|
-
"w-[2.5rem]",
|
|
319
|
-
"sm:hidden",
|
|
320
|
-
"!text-white-30",
|
|
321
|
-
"!bg-grey-light-20",
|
|
322
|
-
"h-full",
|
|
323
|
-
"lg:col-span-1",
|
|
324
|
-
"lg:col-span-2",
|
|
325
|
-
"lg:col-span-3",
|
|
326
|
-
"lg:col-span-4",
|
|
327
|
-
"lg:col-span-5",
|
|
328
|
-
"lg:col-span-6",
|
|
329
|
-
"lg:col-span-7",
|
|
330
|
-
"lg:col-span-8",
|
|
331
|
-
"lg:col-span-9",
|
|
332
|
-
"lg:col-span-10",
|
|
333
|
-
"lg:col-span-11",
|
|
334
|
-
"lg:col-span-12",
|
|
335
|
-
"col-span-12",
|
|
336
|
-
"inset-0",
|
|
337
|
-
"absolute",
|
|
338
|
-
"py-2",
|
|
339
|
-
"text-3xl",
|
|
340
|
-
"sticky",
|
|
341
|
-
"top-0",
|
|
342
|
-
"text-primary-20",
|
|
343
|
-
"!bg-grey-light-30",
|
|
344
|
-
"bg-grey-light-30",
|
|
345
|
-
"!bg-grey-light-40",
|
|
346
|
-
"bg-grey-light-40",
|
|
347
|
-
"!bg-grey-light-50",
|
|
348
|
-
"bg-grey-light-50",
|
|
349
|
-
"!bg-grey-50",
|
|
350
|
-
"bg-grey-50",
|
|
351
|
-
"whitespace-nowrap",
|
|
352
|
-
"!whitespace-nowrap",
|
|
353
|
-
"!justify-end",
|
|
354
|
-
"!table-cell",
|
|
355
|
-
"!mb-0",
|
|
356
|
-
"ml-2",
|
|
357
|
-
"mr-2",
|
|
358
|
-
"border-b",
|
|
359
|
-
"border-r",
|
|
360
|
-
"text-primary-50",
|
|
361
|
-
"text-md",
|
|
362
|
-
"text-black-10",
|
|
363
|
-
"hover:text-primary-70",
|
|
364
|
-
"bg-white-30",
|
|
365
|
-
"bg-white-20",
|
|
366
|
-
"px-4",
|
|
367
|
-
"z-10",
|
|
368
|
-
"rounded",
|
|
369
|
-
"items-center",
|
|
370
|
-
"justify-center",
|
|
371
|
-
"flex",
|
|
372
|
-
],
|
|
373
|
-
};
|
|
307
|
+
}
|
package/dist/styles.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/dist/styles.min.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(13px,.7vw,14px)}body{position:relative}@layer base{:root{--grey-10: 198 206 220;--grey-20: 198 198 198;--grey-30: 171 171 171;--grey-40: 156 157 157;--grey-50: 136 136 136;--grey-60: 108 117 125;--grey-light-10: 240 241 241;--grey-light-20: 238 238 238;--grey-light-30: 223 223 223;--grey-light-40: 201 201 201;--white-10: 252 253 253;--white-20: 248 250 251;--white-30: 255 255 255;--black-10: 82 86 89;--black-20: 76 76 76;--black-30: 33 37 41;--black-40: 17 17 17;--black-50: 0 0 0;--blue-light-10: 245 248 254;--blue-dark-10: 188 198 219;--blue-dark-20: 108 144 214;--blue-dark-30: 97 123 175;--blue-dark-40: 47 71 117;--blue-dark-50: 52 55 70;--blue-dark-60: 32 37 60;--blue-dark-70: 27 28 37;--blue-dark-80: 16 18 30;--primary-10: 155 212 255;--primary-20: 55 170 255;--primary-30: 89 131 247;--primary-40: 87 153 247;--primary-50: 27 123 247;--primary-60: 27 105 253;--primary-70: 11 94 215;--success-10: 18 192 18;--success-20: 21 167 75;--error-10: 232 89 87;--error-20: 246 75 60;--error-30: 255 0 0;--error-40: 228 0 0;--warning-10: 244 155 73;--warning-20: 240 146 60;--yellow-10: 245 210 60;--purple-10: 180 45 255}}@font-face{font-family:"Hellix";src:local("Hellix"),url("assets/fonts/Hellix-Light.woff2") format("woff2");font-weight:200}@font-face{font-family:"Hellix";src:local("Hellix"),url("assets/fonts/Hellix-Regular.woff2") format("woff2");font-weight:400}@font-face{font-family:"Hellix";src:local("Hellix"),url("assets/fonts/Hellix-Medium.woff2") format("woff2");font-weight:600}@font-face{font-family:"Hellix";src:local("Hellix"),url("assets/fonts/Hellix-Bold.woff2") format("woff2");font-weight:700}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal}body{font-family:"Hellix",sans-serif}h1{@apply text-2xl}h2{@apply text-xl}h3{@apply text-2md}h4{@apply text-md}a,p,span{@apply text-base}small{@apply text-sm}.krz-sub-title{@apply text-black-20 mb-6 font-semibold}p{white-space:normal}.krz-btn{@apply px-6 rounded transition-colors text-base disabled:opacity-75 disabled:pointer-events-none flex items-center justify-center font-semibold;height:2.5rem;border-width:1px;border-style:solid;white-space:nowrap;cursor:pointer}.krz-btn:active{transform:translateY(1px)}.krz-btn-primary{@apply bg-primary-50 hover:bg-primary-70 text-white-30 border-primary-50 hover:border-primary-70}.krz-btn-primary.krz-active{@apply bg-primary-70 border-primary-70}.krz-btn-secondary{@apply bg-white-30 hover:bg-primary-50 text-primary-50 hover:text-white-30 border-primary-50}.krz-btn-secondary.krz-active{@apply bg-primary-50 text-white-30}.krz-btn-tertiary{@apply bg-white-30 hover:bg-grey-40 text-grey-60 hover:text-white-30 border-grey-40}.krz-btn-tertiary.krz-active{@apply bg-grey-40 text-white-30}.krz-btn-primary-ghost{@apply bg-transparent hover:bg-primary-50 border-transparent text-primary-50 hover:text-white-30}.krz-btn-primary-ghost.krz-active{@apply bg-primary-50/20 hover:bg-primary-50 hover:text-white-30}.krz-btn-danger{@apply bg-error-30 hover:bg-error-40 text-white-30 border-error-30 hover:border-error-40}.krz-btn-danger.krz-active{@apply bg-error-40 border-error-40}.krz-btn-ghost{@apply bg-transparent hover:bg-grey-light-20 border-transparent text-black-10}.krz-btn-ghost.krz-active{@apply bg-grey-light-20}.krz-btn-white-ghost{@apply bg-transparent hover:bg-grey-light-20/20 border-transparent text-white-30}.krz-btn-white-ghost.krz-active{@apply bg-grey-light-20/20}.krz-btn-icon-only{height:2.5rem;width:2.5rem;min-width:2.5rem;@apply rounded p-0 flex items-center justify-center}.krz-btn-icon-only [class*=fa]{font-size:1rem}.krz-btn-icon-only-sm{height:2rem;width:2rem;min-width:2rem}.krz-btn:not(.krz-btn-icon-only) [class*=fa]{font-size:.9rem;@apply mr-2}.krz-btn-group{@apply flex m-2}.krz-btn-group .krz-btn{@apply m-0}.krz-avatar{@apply object-cover rounded-full text-2md font-semibold}.krz-avatar-initials{@apply flex items-center justify-center bg-primary-50/20 text-primary-50}.krz-avatar.krz-inactive{@apply bg-grey-50/20 text-black-20}.krz-avatar:not(.krz-avatar-sm):not(.krz-avatar-lg):not(.krz-avatar-2lg){@apply w-11 h-11 min-w-[3.5rem]}.krz-avatar-sm{@apply w-9 h-9 min-w-[2.5rem] text-base}.krz-avatar-lg{@apply w-14 h-14 min-w-[5rem]}.krz-avatar-2lg{@apply w-[7rem] h-[7rem] min-w-[7rem]}.krz-avatar-group{@apply flex items-center}.krz-avatar-group .krz-avatar{@apply ring-white-10 ring -mx-2}.toast-bottom-right{right:12px;bottom:12px}.toast-container{pointer-events:none;position:fixed;z-index:9999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff;margin-bottom:20px}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 241px)and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width: 481px)and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}.krz-toastr{width:380px;@apply mt-2 p-4 flex justify-between items-center rounded}.krz-toastr img{@apply w-6 h-6}.krz-toastr .krz-toastr-message{@apply mx-2 w-full}.krz-form-field{@apply flex flex-col mb-4 relative w-full}.krz-form-field label{@apply pl-4 text-grey-50 transition-transform cursor-text left-0 absolute flex items-center justify-center;top:.915rem}.krz-form-field label [class*=fa]{@apply mr-1}.krz-form-field select,.krz-form-field input,.krz-form-field textarea{@apply transition text-md outline-none border-grey-light-40 border px-4 pt-4 pb-0 rounded focus:border-primary-50 bg-white-30 disabled:bg-grey-light-10 disabled:pointer-events-none disabled:opacity-75;height:3.333rem}.krz-form-field select::placeholder,.krz-form-field input::placeholder,.krz-form-field textarea::placeholder{@apply text-transparent opacity-100}.krz-form-field select :-ms-input-placeholder,.krz-form-field input :-ms-input-placeholder,.krz-form-field textarea :-ms-input-placeholder{@apply text-transparent}.krz-form-field select ::-ms-input-placeholder,.krz-form-field input ::-ms-input-placeholder,.krz-form-field textarea ::-ms-input-placeholder{@apply text-transparent}.krz-form-field select:focus~label,.krz-form-field select:not(:placeholder-shown)~label,.krz-form-field input:focus~label,.krz-form-field input:not(:placeholder-shown)~label,.krz-form-field textarea:focus~label,.krz-form-field textarea:not(:placeholder-shown)~label{transform:translateY(-0.8rem);@apply text-sm}.krz-form-field textarea{resize:none;@apply h-[7rem]}.krz-form-field .krz-fieldset-feedbacks{@apply flex justify-between}.krz-form-field-no-label label{display:none}.krz-form-field-no-label select,.krz-form-field-no-label input,.krz-form-field-no-label textarea{height:2.5rem;@apply p-3}.krz-form-field-no-label select::placeholder,.krz-form-field-no-label input::placeholder,.krz-form-field-no-label textarea::placeholder{@apply text-grey-50}.krz-form-field-no-label select :-ms-input-placeholder,.krz-form-field-no-label input :-ms-input-placeholder,.krz-form-field-no-label textarea :-ms-input-placeholder{@apply text-grey-50}.krz-form-field-no-label select ::-ms-input-placeholder,.krz-form-field-no-label input ::-ms-input-placeholder,.krz-form-field-no-label textarea ::-ms-input-placeholder{@apply text-grey-50}.krz-form-field-no-label .ng-select .ng-select-container{height:2.5rem !important}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container{height:2.5rem}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container .ng-value{margin:0 !important}.krz-form-field-no-label .ng-select .ng-select-container .ng-value-container .ng-input{top:0 !important}.krz-form-field-no-label-sm .ng-select .ng-select-container{height:fit-content !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container{height:fit-content !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container .ng-value{margin:0 !important}.krz-form-field-no-label-sm .ng-select .ng-select-container .ng-value-container .ng-input{top:0 !important}.krz-form-field-no-label-sm .ng-select .ng-arrow-wrapper{@apply h-fit}.krz-form-field-no-border select,.krz-form-field-no-border input,.krz-form-field-no-border textarea{@apply border-transparent hover:border-grey-light-40 focus:border-primary-50}.krz-fieldset-error span.krz-error-feedback{@apply text-error-40 pl-4 block text-base}.krz-fieldset-error input,.krz-fieldset-error textarea{@apply border-error-40 focus:border-error-40}.krz-fieldset-error .ng-select.ng-touched .ng-select-container{@apply border-error-40 focus:border-error-40}.krz-check{@apply flex flex-row items-center mb-1}.krz-check label{@apply text-black-30 cursor-pointer}.krz-check input:not(.krz-switch)[type=checkbox],.krz-check input:not(.krz-switch)[type=radio]{@apply mr-2 h-4 w-4 border border-grey-light-40 cursor-pointer relative overflow-hidden appearance-none transition-colors}.krz-check input:not(.krz-switch)[type=checkbox]:checked,.krz-check input:not(.krz-switch)[type=radio]:checked{@apply border-primary-50}.krz-check input:not(.krz-switch)[type=checkbox]{@apply rounded-sm bg-no-repeat bg-center bg-white-30;background-size:.8rem}.krz-check input:not(.krz-switch)[type=checkbox]:checked{@apply bg-primary-50;background-image:url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41538 9.8036L0.190373 5.44535C-0.0634576 5.18351 -0.0634576 4.75898 0.190373 4.49711L1.10959 3.54888C1.36342 3.28702 1.775 3.28702 2.02883 3.54888L4.875 6.48478L10.9712 0.196377C11.225 -0.0654589 11.6366 -0.0654589 11.8904 0.196377L12.8096 1.14461C13.0635 1.40645 13.0635 1.83098 12.8096 2.09285L5.33462 9.80363C5.08076 10.0655 4.66921 10.0655 4.41538 9.8036Z' fill='white'/%3E%3C/svg%3E")}.krz-check input:not(.krz-switch)[type=radio]{@apply rounded-full;background-size:.8rem}.krz-check input:not(.krz-switch)[type=radio]:checked{@apply border-4}.krz-check .krz-switch[type=checkbox]{@apply appearance-none relative h-4 w-8 mr-2}.krz-check .krz-switch[type=checkbox]::before{@apply absolute bg-grey-40 block mr-2 h-4 w-8 rounded-lg cursor-pointer;content:""}.krz-check .krz-switch[type=checkbox]::after{@apply absolute bg-white-30 block rounded-full cursor-pointer;content:"";height:calc(1rem - 4px);width:calc(1rem - 4px);left:2px;top:2px;transition:.3s}.krz-check .krz-switch[type=checkbox]:active:after{width:1.2rem}.krz-check .krz-switch[type=checkbox]:checked:before{@apply bg-primary-50}.krz-check .krz-switch[type=checkbox]:checked:after{left:calc(100% - 2px);transform:translateX(-100%)}.krz-check-disabled{@apply opacity-75 pointer-events-none}.ng-select{border:0px;min-height:0px;border-radius:0}.ng-select:not(.ng-select-multiple) .ng-select-container .ng-value{margin-top:1rem;margin-left:.3rem}.ng-select .ng-select-container{@apply text-md border-grey-light-40 border rounded focus:border-primary-50 bg-white-30 disabled:bg-grey-light-10 disabled:pointer-events-none;outline:none}.ng-select .ng-select-container input{height:unset}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{@apply top-5 pl-4}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input{@apply text-md}.ng-select.ng-select-opened~label,.ng-select.ng-select-focused~label,.ng-select.ng-select-filtered~label,.ng-select:has(.ng-has-value)~label{transform:translateY(-0.8rem);@apply text-sm}.ng-select.ng-select-has-value~label{transform:translateY(-0.8rem);@apply text-sm}.ng-select.ng-select-opened>.ng-select-container{@apply border-primary-50}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{box-shadow:none}.ng-select.ng-invalid.ng-touched .ng-select-container{@apply border-error-40 focus:border-error-40}.ng-select .ng-clear-wrapper:hover .ng-clear{@apply text-error-20}.ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{transform:rotate(180deg)}.ng-select .ng-arrow-wrapper{@apply h-8 w-8 p-0;position:relative;font-family:"Font Awesome 6 Pro"}.ng-select .ng-arrow-wrapper::after{content:"";position:absolute;inset:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.ng-select .ng-arrow-wrapper .ng-arrow{border:none}.ng-select:not(.ng-select-secondary) .ng-arrow-wrapper::after{color:rgb(var(--grey-50)/1)}.ng-select-secondary .ng-arrow-wrapper::after{color:rgb(var(--white-40)/1)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-marked{background-color:rgb(var(--primary-50)/1) !important;color:rgb(var(--white-30)/1) !important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option-selected{background-color:rgb(var(--primary-60)/1) !important;color:rgb(var(--white-30)/1) !important}.ng-select.ng-select-disabled>.ng-select-container{@apply bg-grey-light-10 pointer-events-none opacity-75}.ng-select-multiple .ng-select-container .ng-value-container .ng-value{display:-webkit-box;display:flex;margin-right:5px;margin-bottom:5px;height:1.4rem;@apply flex rounded text-black-40 border-grey-light-30 border text-base}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:0 5px;max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3rem;@apply text-base}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{transition:all .3s ease;@apply flex items-center justify-center hover:text-error-20}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{padding-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{padding-right:5px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{width:100%}.ng-dropdown-panel{z-index:9999 !important}.krz-tabs{@apply mb-4 w-full;display:flex}.krz-tabs:not(.krz-tabs-buttons){border-bottom:solid;border-bottom-width:1px;@apply border-b-grey-light-40}.krz-tab-item [class*=fa]{font-size:.9rem;margin-top:2px;@apply mr-2}.krz-tab-item:not(:last-child){@apply mr-5}.krz-tab-item:not(.krz-tab-item-btn){@apply px-0 pt-2 transition-colors text-md text-grey-50 hover:text-black-20 font-semibold relative flex items-center;padding-bottom:.8rem;cursor:pointer;text-align:center}.krz-tab-item:not(.krz-tab-item-btn).krz-tab-item::after{@apply opacity-0}.krz-tab-item:not(.krz-tab-item-btn).krz-tab-item::after{@apply bg-primary-50 transition;content:"";left:0;bottom:0;position:absolute;display:block;width:100%;height:.25rem;border-radius:1px;margin-bottom:-2px}.krz-tab-item:not(.krz-tab-item-btn).krz-active{@apply hover:text-primary-50 text-black-30}.krz-tab-item:not(.krz-tab-item-btn).krz-active.krz-tab-item::after{@apply opacity-100}.krz-tab-item.krz-tab-item-btn{@apply text-blue-dark-30 bg-white-30 hover:bg-grey-light-10;border-color:rgba(0,0,0,0)}.krz-tab-item.krz-tab-item-btn.krz-active{@apply text-primary-50 bg-primary-50/20 border-primary-50;border-style:solid !important}.krz-slide-button{@apply bg-grey-light-10 text-primary-50 border-grey-light-10}.krz-breadcrumbs{@apply text-grey-50 font-semibold items-center hidden sm:flex}.krz-breadcrumbs i{font-size:.6rem}.krz-breadcrumbs p{@apply text-2md}.krz-breadcrumbs p.clickable{@apply cursor-pointer hover:text-black-50}.krz-breadcrumbs p:not(p:last-child)::after{content:"";font-family:var(--fa-style-family, "Font Awesome 6 Pro");@apply mx-2 text-sm}.krz-breadcrumbs p:last-child{@apply text-black-50}.krz-badge{@apply text-white-30 rounded font-semibold border w-fit;padding:0 .769rem}.krz-badge-primary{@apply bg-primary-50 border-primary-50}.krz-badge-primary-outline{@apply text-primary-50 bg-white-30}.krz-badge-primary-light-bg{@apply text-black-20 border-primary-50 bg-primary-50 bg-opacity-10}.krz-badge-secondary{@apply bg-grey-50 border-grey-50}.krz-badge-secondary-outline{@apply text-grey-50 bg-white-30}.krz-badge-secondary-light-bg{@apply text-black-20 border-grey-50 bg-grey-50 bg-opacity-10}.krz-badge-info{@apply bg-primary-20 border-primary-20}.krz-badge-info-outline{@apply text-primary-20 bg-white-30}.krz-badge-info-light-bg{@apply text-black-20 border-primary-20 bg-primary-20 bg-opacity-10}.krz-badge-success{@apply bg-success-10 border-success-10}.krz-badge-success-outline{@apply text-success-10 bg-white-30 border-success-10}.krz-badge-success-light-bg{@apply text-black-20 border-success-10 bg-success-10 bg-opacity-10}.krz-badge-warning{@apply bg-warning-10 border-warning-10}.krz-badge-warning-outline{@apply text-warning-10 bg-white-30 border-warning-10}.krz-badge-warning-light-bg{@apply text-black-20 border-warning-10 bg-warning-10 bg-opacity-10}.krz-badge-error{@apply bg-error-20 border-error-20}.krz-badge-error-outline{@apply text-error-20 bg-white-30 border-error-20}.krz-badge-error-light-bg{@apply text-black-20 border-error-20 bg-error-20 bg-opacity-10}.krz-badge-purple{@apply bg-purple-10 border-purple-10}.krz-badge-purple-outline{@apply text-purple-10 bg-white-30 border-purple-10}.krz-badge-purple-light-bg{@apply text-black-20 border-purple-10 bg-purple-10 bg-opacity-10}.krz-badge-yellow{@apply bg-yellow-10 border-yellow-10}.krz-badge-yellow-outline{@apply text-yellow-10 bg-white-30 border-yellow-10}.krz-badge-yellow-light-bg{@apply text-black-20 border-yellow-10 bg-yellow-10 bg-opacity-10}.krz-badge .krz-signal{margin-bottom:1px}.krz-card{@apply rounded border-grey-light-40 border flex flex-col relative bg-white-30}.krz-card.krz-inactive{@apply bg-grey-light-20}.krz-card.krz-inactive .clickable{@apply hover:bg-grey-light-30}.krz-card:not(.krz-inactive) .clickable{@apply hover:bg-blue-light-10}.krz-card-image{@apply w-full rounded-tl rounded-tr;height:auto;object-fit:cover}.krz-card-header,.krz-card-footer{@apply px-4 py-2 border-grey-light-40 relative}.krz-card-header{@apply border-b rounded-tl rounded-tr}.krz-card-footer{@apply border-t rounded-bl rounded-br}.krz-card-body{@apply p-4}.krz-card .clickable{@apply cursor-pointer transition}.modal{--bs-modal-margin: 0.5rem;position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:all .3s ease-in-out}.modal.show .modal-dialog{transform:none}.modal-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin)*2)}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1055;width:100vw;height:100vh;@apply bg-black-40 opacity-50}@media(min-width: 576px){.modal{--bs-modal-margin: 1.75rem}.krz-modal-sm{max-width:400px;margin-right:auto;margin-left:auto}}@media(min-width: 676px){.krz-modal-md{max-width:600px;margin-right:auto;margin-left:auto}}@media(min-width: 825px){.krz-modal-lg{max-width:800px;margin-right:auto;margin-left:auto}}@media(min-width: 825px){.krz-modal-xl{max-width:calc(100vw - 10rem);margin-right:auto;margin-left:auto}}.popover{position:absolute;top:0;left:0 /* rtl:ignore */}.popover-arrow{position:absolute}.tooltip{position:absolute}.tooltip-arrow{position:absolute}.tooltip{--bs-tooltip-zindex: 1080;--bs-tooltip-max-width: 200px;--bs-tooltip-padding-x: 0.5rem;--bs-tooltip-padding-y: 0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size: 0.875rem;--bs-tooltip-color: var(--bs-body-bg);--bs-tooltip-bg: var(--bs-emphasis-color);--bs-tooltip-border-radius: var(--bs-border-radius);--bs-tooltip-opacity: 0.9;--bs-tooltip-arrow-width: 0.8rem;--bs-tooltip-arrow-height: 0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:rgba(0,0,0,0);border-style:solid}.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:0}.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:0}.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{@apply bg-black-40 text-white-30 rounded;max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);text-align:center}.dropdown,.dropdown-center{position:relative}.dropdown-menu{@apply bg-white-30 border border-grey-30 rounded;--bs-dropdown-zindex: 1000;--bs-dropdown-min-width: 10rem;--bs-dropdown-padding-x: 0;--bs-dropdown-padding-y: 0.5rem;--bs-dropdown-spacer: 0.125rem;--bs-dropdown-font-size: 1rem;--bs-dropdown-border-radius: 0.375rem;--bs-dropdown-divider-margin-y: 0.5rem;--bs-dropdown-link-active-color: #fff;--bs-dropdown-link-disabled-color: #adb5bd;--bs-dropdown-item-padding-x: 1rem;--bs-dropdown-item-padding-y: 0.25rem;--bs-dropdown-header-color: #c6c6c6;--bs-dropdown-header-padding-x: 1rem;--bs-dropdown-header-padding-y: 0.5rem;position:absolute;z-index:1000;display:none;padding:0;margin:0;text-align:left;list-style:none;background-clip:padding-box;overflow:hidden}.dropdown-menu[data-bs-popper]{top:100%;left:0}.dropdown-item{@apply cursor-pointer;display:block;width:100%;padding:.5rem 1rem;clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:rgba(0,0,0,0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{@apply bg-grey-light-10}.dropdown-item.active,.dropdown-item:active{@apply text-white-30 bg-black-20;text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0,0,0,0)}.dropdown-menu.show{display:block}.krz-modal{@apply rounded overflow-hidden}.krz-modal.krz-modal-delete .krz-modal-header{@apply text-error-30}.krz-modal-header{@apply font-semibold relative text-primary-50 bg-white-20 flex justify-between items-center px-6 py-4}.krz-modal-header ::before{content:"";bottom:0;position:absolute;width:calc(100% - 3rem);height:1px;background-color:rgb(var(--grey-light-20))}.krz-modal-header [class*=fa]{font-size:1rem;@apply mr-4}.krz-modal-header h5{@apply text-xl uppercase flex items-center}.krz-modal-body{@apply bg-white-20 overflow-x-hidden overflow-y-auto px-6 py-4;max-height:calc(100vh - 9.75rem)}.krz-modal-footer{@apply bg-white-30 px-6 py-2 flex justify-end}@media(min-width: 576px){.krz-modal-body{max-height:calc(100vh - 13.875rem)}}.krz-table-wrapper{@apply border border-grey-30;overflow:auto}.krz-table-wrapper .krz-table{@apply w-full table-auto overflow-auto}.krz-table-wrapper .krz-table thead,.krz-table-wrapper .krz-table tbody{@apply w-full}.krz-table-wrapper .krz-table thead{@apply bg-blue-dark-20 border-b border-grey-30 sticky top-0;z-index:1}.krz-table-wrapper .krz-table thead th{@apply text-white-30;height:3.231rem}.krz-table-wrapper .krz-table tbody tr{@apply w-full bg-white-30}.krz-table-wrapper .krz-table tbody tr:not(:last-child){@apply border-b border-grey-30}.krz-table-wrapper .krz-table tbody tr td{@apply text-start}.krz-table-wrapper .krz-table tbody tr td:not(.krz-table-cell-fit-content){min-width:130px}.krz-table-wrapper .krz-table tbody tr td .krz-check{margin-bottom:0 !important}.krz-table-wrapper .krz-table th,.krz-table-wrapper .krz-table td{@apply py-2 px-4 relative;word-break:break-all;text-align:left}.krz-table-wrapper .krz-table th{@apply text-start text-base font-semibold text-grey-50}.krz-table-wrapper .krz-table th .krz-check{margin-bottom:0 !important}.krz-table-wrapper .krz-table th button{@apply m-0}.krz-table-cell-fit-content{width:1%;white-space:nowrap}.krz-table-wrapper.table-screen-max-heigth{max-height:calc(100vh - 10rem)}.krz-table-striped tbody tr:nth-child(even){background-color:rgb(var(--grey-light-10)/1) !important}.krz-signal{@apply inline-block mr-1 w-2 h-2 rounded-full;min-width:.5rem}.krz-pagination{display:flex}.pagination-items{@apply mx-1 px-3 py-1 text-black-20 rounded hover:bg-grey-light-10;transition:.2s}.pagination-arrow{@apply border border-grey-10}.currentPage{@apply bg-black-20 text-white-30 hover:bg-black-20}.krz-loading-overlay{@apply flex items-center justify-center;z-index:999999}.spinner-wrapper{@apply flex items-center justify-center}.spinner-wrapper img{@apply absolute ml-auto mr-auto left-0 right-0 text-center h-[80px] opacity-75}.loader{@apply w-[120px] h-[120px] rounded-full border-t-4 border-white-30 opacity-75;animation:spin .8s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.krz-input-group{@apply flex items-center w-full}.krz-input-group.no-label .krz-form-field label{display:none}.krz-input-group.no-label input{@apply p-3;height:2.5rem}.krz-input-group.no-label .krz-btn,.krz-input-group.no-label .krz-add-on{height:2.5rem}.krz-input-group:not(.no-label) input{height:3.333rem}.krz-input-group:not(.no-label) .krz-btn,.krz-input-group:not(.no-label) .krz-add-on{height:3.333rem}.krz-input-group .krz-form-field{@apply m-0}.krz-input-group .krz-form-field:not(:first-child) input{@apply rounded-tl-none rounded-bl-none border-l-0}.krz-input-group .krz-form-field:not(:last-child) input{@apply rounded-tr-none rounded-br-none border-r-0}.krz-input-group .krz-btn:first-child,.krz-input-group .krz-add-on:first-child{@apply rounded-tr-none rounded-br-none}.krz-input-group .krz-btn:last-child,.krz-input-group .krz-add-on:last-child{@apply rounded-tl-none rounded-bl-none}.krz-input-group .krz-btn:not(:first-child):not(:last-child),.krz-input-group .krz-add-on:not(:first-child):not(:last-child){@apply rounded-none}.krz-input-group .krz-add-on{@apply border border-grey-light-40 rounded px-4 flex items-center bg-white-30 whitespace-nowrap}.krz-alert{@apply bg-error-30/20 rounded text-error-40 p-4}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(13px,.7vw,14px)}body{position:relative}@layer base{:root{--grey-10: 198 206 220;--grey-20: 198 198 198;--grey-30: 171 171 171;--grey-40: 156 157 157;--grey-50: 136 136 136;--grey-60: 108 117 125;--grey-light-10: 240 241 241;--grey-light-20: 238 238 238;--grey-light-30: 223 223 223;--grey-light-40: 201 201 201;--white-10: 252 253 253;--white-20: 248 250 251;--white-30: 255 255 255;--black-10: 82 86 89;--black-20: 76 76 76;--black-30: 33 37 41;--black-40: 17 17 17;--black-50: 0 0 0;--blue-light-10: 245 248 254;--blue-dark-10: 188 198 219;--blue-dark-20: 108 144 214;--blue-dark-30: 97 123 175;--blue-dark-40: 47 71 117;--blue-dark-50: 52 55 70;--blue-dark-60: 32 37 60;--blue-dark-70: 27 28 37;--blue-dark-80: 16 18 30;--primary-10: 155 212 255;--primary-20: 55 170 255;--primary-30: 89 131 247;--primary-40: 87 153 247;--primary-50: 27 123 247;--primary-60: 27 105 253;--primary-70: 11 94 215;--success-10: 18 192 18;--success-20: 21 167 75;--error-10: 232 89 87;--error-20: 246 75 60;--error-30: 255 0 0;--error-40: 228 0 0;--warning-10: 244 155 73;--warning-20: 240 146 60;--yellow-10: 245 210 60;--purple-10: 180 45 255}}.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select-secondary .ng-select-container{background-color:rgb(var(--blue-dark-40)/1) !important;border-color:rgb(var(--blue-dark-40)/1) !important;color:rgb(var(--white-30)/1) !important}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgb(var(--grey-50)/1)}.ng-select.ng-select-single .ng-select-container{height:3.333rem}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:.915rem;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:1.154rem;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:rgb(var(--black-30)/1)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-select-secondary .ng-select-dropdown{background-color:rgb(var(--blue-dark-40)/1) !important;border-color:rgb(var(--blue-dark-40)/1) !important}.ng-select-secondary .ng-dropdown-panel{background-color:rgb(var(--blue-dark-40)/1) !important;border-color:rgb(var(--blue-dark-40)/1) !important}.ng-select-secondary .ng-option{background-color:rgb(var(--blue-dark-40)/1) !important;color:rgb(var(--white-30)/1) !important}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.dropdown-item [class*=fa]{font-size:.7rem}.dropdown-absolute{@apply absolute top-2 right-2}.dropdown .dropdown-menu{position:fixed !important}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end{z-index:1;opacity:1}.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;transition:all .3s ease;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:rgb(var(--black-30)/var(--tw-text-opacity));text-align:center;border:0;opacity:.8;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus{color:rgb(var(--black-30)/var(--tw-text-opacity));text-decoration:none;outline:0;opacity:1}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3Csvg width='130' height='202' viewBox='0 0 130 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M106.598 2.37997L127.266 23.1734C128.853 24.7601 129.646 26.639 129.646 28.8102C129.646 30.9814 128.853 32.8603 127.266 34.447L60.7519 100.961L127.266 167.475C128.853 169.062 129.646 170.94 129.646 173.112C129.646 175.283 128.853 177.162 127.266 178.748L106.598 199.542C105.011 201.129 103.111 201.922 100.898 201.922C98.6853 201.922 96.7855 201.129 95.1989 199.542L2.37997 106.598C0.79332 105.011 -4.31824e-06 103.132 -4.41314e-06 100.961C-4.50805e-06 98.7897 0.79332 96.9108 2.37997 95.3242L95.1989 2.37997C96.7855 0.79332 98.6853 -4.37328e-06 100.898 -4.47001e-06C103.111 -4.56674e-06 105.011 0.793319 106.598 2.37997Z' fill='black'/%3E%3C/svg%3E%0A")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3Csvg width='130' height='202' viewBox='0 0 130 202' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0482 199.542L2.37997 178.748C0.793321 177.162 -2.55076e-06 175.283 -2.45585e-06 173.112C-2.36095e-06 170.94 0.793322 169.062 2.37997 167.475L68.8939 100.961L2.37998 34.447C0.793328 32.8603 3.75686e-06 30.9814 3.85176e-06 28.8102C3.94667e-06 26.639 0.793328 24.7601 2.37998 23.1734L23.0482 2.37997C24.6348 0.79332 26.5346 -4.50714e-06 28.7476 -4.41041e-06C30.9605 -4.31367e-06 32.8603 0.79332 34.447 2.37997L127.266 95.3242C128.853 96.9108 129.646 98.7897 129.646 100.961C129.646 103.132 128.853 105.011 127.266 106.598L34.447 199.542C32.8603 201.129 30.9605 201.922 28.7476 201.922C26.5346 201.922 24.6348 201.129 23.0482 199.542Z' fill='black'/%3E%3C/svg%3E%0A")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid rgba(0,0,0,0);border-bottom:10px solid rgba(0,0,0,0);opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}hr{@apply my-6 border-grey-light-40}.collapse.show{visibility:visible}.krz-collapse{@apply rounded border-grey-light-40 border flex flex-col relative bg-white-30 mb-4}.krz-collapse-header{height:3.333rem;min-height:3.333rem;@apply flex items-center justify-between px-4 font-semibold pr-11}.krz-collapse-header [class*=fa]{@apply transition}.krz-collapse-header[aria-expanded=true] [class*=fa-chevron]{transform:rotate(180deg)}.krz-collapse-item{@apply px-4 py-2 cursor-pointer hover:bg-grey-light-20 transition}.krz-collapse-item-active{@apply text-primary-50}.krz-collapse-disabled{@apply pointer-events-none opacity-60}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{@apply bg-black-30 rounded}.krz-separator{@apply block bg-grey-light-40 rounded}.krz-separator[data-orientation=horizontal]{height:1px;width:100%;@apply my-6}.krz-separator[data-orientation=vertical]{width:1px;height:100%;@apply mx-6}.krz-grid-xs{@apply grid grid-cols-xs gap-4}.krz-grid-sm{@apply grid grid-cols-sm gap-4}.krz-grid-md{@apply grid grid-cols-md gap-4}.krz-grid-lg{@apply grid grid-cols-lg gap-4}.krz-grid-one-line{@apply grid gap-4;grid-template-columns:1fr}.card-structure{@apply gap-4 grid}@media(min-width: 1024px){.krz-grid-one-line .card-structure{grid-template-columns:16rem 1fr min-content}}.card-data-grid{@apply grid gap-4 w-full;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}.card-wrapper .actions,.card-wrapper .card-checkbox{@apply absolute}.card-wrapper:not(.has-header) .actions,.card-wrapper:not(.has-header) .card-checkbox{@apply lg:flex lg:items-center lg:justify-center absolute lg:h-full}.card-wrapper:not(.has-header) .actions{@apply right-2}.card-wrapper:not(.has-header) .card-checkbox{@apply left-4 top-0}.card-wrapper.has-header .actions,.card-wrapper.has-header .card-checkbox{@apply top-2}.card-wrapper.has-header .actions{@apply right-2}.card-wrapper.has-header .card-checkbox{@apply left-4 top-0}@media(max-width: 1024px){.actions,.card-checkbox{@apply top-2}.actions{@apply right-2}.card-checkbox{@apply left-4}}@media(min-width: 1024px){.card-structure{@apply pr-10}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500&family=Fira+Sans:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{position:relative}@media(max-width: 640px){html{font-size:16px}}@media(min-width: 640px){html{font-size:13px}}@layer base{:root{--neutral-0: 255 255 255;--neutral-25: 250 250 250;--neutral-50: 243 243 243;--neutral-100: 230 230 230;--neutral-150: 217 217 217;--neutral-200: 204 204 204;--neutral-250: 191 191 191;--neutral-300: 179 179 179;--neutral-350: 165 165 165;--neutral-400: 153 153 153;--neutral-450: 140 140 140;--neutral-500: 128 128 128;--neutral-550: 115 115 115;--neutral-600: 102 102 102;--neutral-650: 90 90 90;--neutral-700: 76 76 76;--neutral-750: 64 64 64;--neutral-800: 51 51 51;--neutral-850: 38 38 38;--neutral-900: 21 24 30;--primary-0: 246 248 254;--primary-50: 232 239 253;--primary-100: 206 227 253;--primary-500: 9 112 246;--primary-600: 7 90 197;--primary-900: 2 22 49;--success-100: 240 254 230;--success-500: 116 217 38;--success-600: 93 173 31;--danger-100: 254 232 230;--danger-500: 246 24 9;--danger-600: 197 19 7;--warning-100: 254 244 230;--warning-500: 246 143 9;--warning-600: 197 114 7;--brand-10: 155 212 255;--brand-20: 55 170 255;--brand-30: 89 131 247;--brand-40: 87 153 247;--brand-50: 27 123 247;--brand-60: 27 105 253;--brand-70: 11 94 215;--brand-80: 8 43 94;--post: var(--success-600);--delete: var(--danger-500);--put: var(--warning-500);--patch: 180 45 255;--get: var(--primary-500);--body-background: var(--neutral-50)}}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"DMSans";src:url("assets/fonts/DMSans-Medium.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Bold.ttf") format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Italic.ttf") format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Inter";src:url("assets/fonts/Inter-Medium.ttf") format("truetype");font-weight:500;font-style:normal}body{font-family:"Fira Sans",sans-serif;font-weight:400;font-style:normal;@apply text-neutral-700}h1{@apply text-3xl;line-height:140%}h2{@apply text-2xl;line-height:140%}h3{@apply text-xl;line-height:140%}h4{@apply text-2md;line-height:140%}h4{@apply text-md;line-height:140%}a,p,span{@apply text-base;line-height:140%}small{@apply text-sm;line-height:120%}p{white-space:normal;line-height:140%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{@apply bg-neutral-600 rounded}.krz-grid-xs{@apply grid grid-cols-xs gap-4}.krz-grid-sm{@apply grid grid-cols-sm gap-4}.krz-grid-md{@apply grid grid-cols-md gap-4}.krz-grid-lg{@apply grid grid-cols-lg gap-4}
|
package/package.json
CHANGED
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kruzer/styles",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.21",
|
|
4
4
|
"type": "module",
|
|
5
|
+
"main": "./dist/styles.js",
|
|
6
|
+
"module": "./dist/styles.js",
|
|
5
7
|
"files": [
|
|
6
8
|
"dist/styles.min.scss",
|
|
7
9
|
"dist/kruzer-tailwind-preset.cjs",
|
|
8
|
-
"dist/
|
|
9
|
-
"dist/assets/fonts/Hellix-Light.woff2",
|
|
10
|
-
"dist/assets/fonts/Hellix-Medium.woff2",
|
|
11
|
-
"dist/assets/fonts/Hellix-Regular.woff2"
|
|
10
|
+
"dist/styles.js"
|
|
12
11
|
],
|
|
13
12
|
"scripts": {
|
|
14
13
|
"dev": "vite",
|
|
15
14
|
"build": "sass src/styles/main.scss src/styles/styles.min.scss --no-source-map --style compressed && tsc && vite build",
|
|
16
|
-
"publish": "npm publish --tag alpha",
|
|
17
15
|
"preview": "vite preview"
|
|
18
16
|
},
|
|
19
17
|
"keywords": [
|
|
@@ -28,7 +26,7 @@
|
|
|
28
26
|
"autoprefixer": "^10.4.14",
|
|
29
27
|
"postcss": "^8.4.21",
|
|
30
28
|
"sass": "^1.59.3",
|
|
31
|
-
"tailwindcss": "^3.
|
|
29
|
+
"tailwindcss": "^3.4.1",
|
|
32
30
|
"typescript": "^4.9.3",
|
|
33
31
|
"vite": "^4.2.0",
|
|
34
32
|
"vite-plugin-static-copy": "^0.13.1"
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|