armtek-uikit-react 1.0.122 → 1.0.125

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.
@@ -1,9 +1,6 @@
1
- @import url('https://fonts.googleapis.com/css?family=Roboto:wght@400;500;700&display=swap');
2
-
3
- body{
4
- font-family: 'Roboto';
1
+ * {
2
+ box-sizing: border-box;
5
3
  }
6
-
7
4
  ::-webkit-scrollbar {
8
5
  width: 4px;
9
6
  }
@@ -179,455 +176,3 @@ body{
179
176
  --color-green-50: #EEFEF6;
180
177
  }
181
178
 
182
- @font-face {
183
- font-family: 'Material Symbols Outlined';
184
- font-style: normal;
185
- font-weight: 400;
186
- src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v133/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
187
- }
188
-
189
- * {
190
- box-sizing: border-box;
191
- }
192
- @font-face {
193
- font-family: 'Material Symbols Outlined';
194
- font-style: normal;
195
- font-weight: 700;
196
- src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v134/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-ej.woff2) format('woff2');
197
- }
198
-
199
- .border-radius {border-radius: var(--border-radius)}
200
-
201
- .w-full{width: 100%}
202
- .h-full{height: 100%}
203
-
204
- .border-top{ border-top: 1px solid}
205
- .border-bottom{ border-top: 1px solid}
206
- .border-gray-50{ border-color: var(--color-gray-50)}
207
- .border-gray-100{ border-color: var(--color-gray-100)}
208
- .border-gray-200{ border-color: var(--color-gray-200)}
209
- .border-gray-300{ border-color: var(--color-gray-300)}
210
-
211
- .flex{display: flex}
212
- .block{display: block}
213
- .d-none{display: none}
214
- .items-center {align-items: center}
215
- .flex-wrap {flex-wrap: wrap}
216
- .justify-center {justify-content: center}
217
- .justify-between {justify-content: space-between}
218
-
219
- .font-weight-regular{font-weight: var(--font-weight-regular)}
220
- .font-weight-medium{font-weight: var(--font-weight-medium)}
221
- .font-weight-bold{font-weight: var(--font-weight-bold)}
222
-
223
- .text-primary{color: var(--color-primary)}
224
- .text-primary-dark{color: var(--color-primary-dark)}
225
- .text-primary-light{color: var(--color-primary-light)}
226
- .text-primary-opacity{color: var(--color-primary-opacity)}
227
- .text-primary-contrast{color: var(--color-primary-contrast)}
228
- .text-secondary{color: var(--color-secondary)}
229
- .text-secondary-light{color: var(--color-secondary-light)}
230
- .text-secondary-dark{color: var(--color-secondary-dark)}
231
- .text-secondary-opacity{color: var(--color-secondary-opacity)}
232
- .text-secondary-contrast{color: var(--color-secondary-contrast)}
233
- .text-neutral{color: var(--color-neutral)}
234
- .text-neutral-light{color: var(--color-neutral-light)}
235
- .text-neutral-dark{color: var(--color-neutral-dark)}
236
- .text-neutral-opacity{color: var(--color-neutral-opacity)}
237
- .text-neutral-contrast{color: var(--color-neutral-contrast)}
238
- .text-error{color: var(--color-error)}
239
- .text-error-light{color: var(--color-error-light)}
240
- .text-error-dark{color: var(--color-error-dark)}
241
- .text-error-opacity{color: var(--color-error-opacity)}
242
- .text-error-contrast{color: var(--color-error-contrast)}
243
- .text-color-warning{color: var(--color-warning)}
244
- .text-warning-light{color: var(--color-warning-light)}
245
- .text-warning-dark{color: var(--color-warning-dark)}
246
- .text-warning-opacity{color: var(--color-warning-opacity)}
247
- .text-warning-contrast{color: var(--color-warning-contrast)}
248
- .text-info{color: var(--color-info)}
249
- .text-info-light{color: var(--color-info-light)}
250
- .text-info-dark{color: var(--color-info-dark)}
251
- .text-info-opacity{color: var(--color-info-opacity)}
252
- .text-info-contrast{color: var(--color-info-contrast)}
253
- .text-success{color: var(--color-success)}
254
- .text-success-light{color: var(--color-success-light)}
255
- .text-success-dark{color: var(--color-success-dark)}
256
- .text-success-opacity{color: var(--color-success-opacity)}
257
- .text-success-contrast{color: var(--color-success-contrast)}
258
- .text-orange-a700{color: var(--color-orange-a700)}
259
- .text-orange-a400{color: var(--color-orange-a400)}
260
- .text-orange-a200{color: var(--color-orange-a200)}
261
- .text-orange-a100{color: var(--color-orange-a100)}
262
- .text-orange-d2{color: var(--color-orange-d2)}
263
- .text-orange-d1{color: var(--color-orange-d1)}
264
- .text-orange-900{color: var(--color-orange-900)}
265
- .text-orange-800{color: var(--color-orange-800)}
266
- .text-orange-700{color: var(--color-orange-700)}
267
- .text-orange-600{color: var(--color-orange-600)}
268
- .text-orange-500{color: var(--color-orange-500)}
269
- .text-orange-400{color: var(--color-orange-400)}
270
- .text-orange-300{color: var(--color-orange-300)}
271
- .text-orange-200{color: var(--color-orange-200)}
272
- .text-orange-100{color: var(--color-orange-100)}
273
- .text-orange-50{color: var(--color-orange-50)}
274
- .text-blue-a700{color: var(--color-blue-a700)}
275
- .text-blue-a400{color: var(--color-blue-a400)}
276
- .text-blue-a200{color: var(--color-blue-a200)}
277
- .text-blue-a100{color: var(--color-blue-a100)}
278
- .text-blue-d2{color: var(--color-blue-d2)}
279
- .text-blue-d1{color: var(--color-blue-d1)}
280
- .text-blue-900{color: var(--color-blue-900)}
281
- .text-blue-800{color: var(--color-blue-800)}
282
- .text-blue-700{color: var(--color-blue-700)}
283
- .text-blue-600{color: var(--color-blue-600)}
284
- .text-blue-500{color: var(--color-blue-500)}
285
- .text-blue-400{color: var(--color-blue-400)}
286
- .text-blue-300{color: var(--color-blue-300)}
287
- .text-blue-200{color: var(--color-blue-200)}
288
- .text-blue-100{color: var(--color-blue-100)}
289
- .text-blue-50{color: var(--color-blue-50)}
290
- .text-gray-a700{color: var(--color-gray-a700)}
291
- .text-gray-a400{color: var(--color-gray-a400)}
292
- .text-gray-a200{color: var(--color-gray-a200)}
293
- .text-gray-a100{color: var(--color-gray-a100)}
294
- .text-gray-900{color: var(--color-gray-900)}
295
- .text-gray-800{color: var(--color-gray-800)}
296
- .text-gray-700{color: var(--color-gray-700)}
297
- .text-gray-600{color: var(--color-gray-600)}
298
- .text-gray-500{color: var(--color-gray-500)}
299
- .text-gray-400{color: var(--color-gray-400)}
300
- .text-gray-300{color: var(--color-gray-300)}
301
- .text-gray-200{color: var(--color-gray-200)}
302
- .text-gray-100{color: var(--color-gray-100)}
303
- .text-gray-50{color: var(--color-gray-50)}
304
- .text-red-a700{color: var(--color-red-a700)}
305
- .text-red-a400{color: var(--color-red-a400)}
306
- .text-red-a200{color: var(--color-red-a200)}
307
- .text-red-a100{color: var(--color-red-a100)}
308
- .text-red-d2{color: var(--color-red-d2)}
309
- .text-red-d2{color: var(--color-red-d1)}
310
- .text-red-900{color: var(--color-red-900)}
311
- .text-red-800{color: var(--color-red-800)}
312
- .text-red-700{color: var(--color-red-700)}
313
- .text-red-600{color: var(--color-red-600)}
314
- .text-red-500{color: var(--color-red-500)}
315
- .text-red-400{color: var(--color-red-400)}
316
- .text-red-300{color: var(--color-red-300)}
317
- .text-red-200{color: var(--color-red-200)}
318
- .text-red-100{color: var(--color-red-100)}
319
- .text-red-50{color: var(--color-red-50)}
320
- .text-yellow-a700{color: var(--color-yellow-a700)}
321
- .text-yellow-a400{color: var(--color-yellow-a400)}
322
- .text-yellow-a200{color: var(--color-yellow-a200)}
323
- .text-yellow-a100{color: var(--color-yellow-a100)}
324
- .text-yellow-d2{color: var(--color-yellow-d2)}
325
- .text-yellow-d1{color: var(--color-yellow-d1)}
326
- .text-yellow-900{color: var(--color-yellow-900)}
327
- .text-yellow-800{color: var(--color-yellow-800)}
328
- .text-yellow-700{color: var(--color-yellow-700)}
329
- .text-yellow-600{color: var(--color-yellow-600)}
330
- .text-yellow-500{color: var(--color-yellow-500)}
331
- .text-yellow-400{color: var(--color-yellow-400)}
332
- .text-yellow-300{color: var(--color-yellow-300)}
333
- .text-yellow-200{color: var(--color-yellow-200)}
334
- .text-yellow-100{color: var(--color-yellow-100)}
335
- .text-yellow-50{color: var(--color-yellow-50)}
336
- .text-green-a700{color: var(--color-green-a700)}
337
- .text-green-a400{color: var(--color-green-a400)}
338
- .text-green-a200{color: var(--color-green-a200)}
339
- .text-green-a100{color: var(--color-green-a100)}
340
- .text-green-d2{color: var(--color-green-d2)}
341
- .text-green-d1{color: var(--color-green-d1)}
342
- .text-green-900{color: var(--color-green-900)}
343
- .text-green-800{color: var(--color-green-800)}
344
- .text-green-700{color: var(--color-green-700)}
345
- .text-green-600{color: var(--color-green-600)}
346
- .text-green-500{color: var(--color-green-500)}
347
- .text-green-400{color: var(--color-green-400)}
348
- .text-green-300{color: var(--color-green-300)}
349
- .text-green-200{color: var(--color-green-200)}
350
- .text-green-100{color: var(--color-green-100)}
351
- .text-green-50{color: var(--color-green-50)}
352
-
353
- .bg-primary{background-color: var(--color-primary)}
354
- .bg-primary-dark{background-color: var(--color-primary-dark)}
355
- .bg-primary-light{background-color: var(--color-primary-light)}
356
- .bg-primary-opacity{background-color: var(--color-primary-opacity)}
357
- .bg-primary-contrast{background-color: var(--color-primary-contrast)}
358
- .bg-secondary{background-color: var(--color-secondary)}
359
- .bg-secondary-light{background-color: var(--color-secondary-light)}
360
- .bg-secondary-dark{background-color: var(--color-secondary-dark)}
361
- .bg-secondary-opacity{background-color: var(--color-secondary-opacity)}
362
- .bg-secondary-contrast{background-color: var(--color-secondary-contrast)}
363
- .bg-neutral{background-color: var(--color-neutral)}
364
- .bg-neutral-light{background-color: var(--color-neutral-light)}
365
- .bg-neutral-dark{background-color: var(--color-neutral-dark)}
366
- .bg-neutral-opacity{background-color: var(--color-neutral-opacity)}
367
- .bg-neutral-contrast{background-color: var(--color-neutral-contrast)}
368
- .bg-error{background-color: var(--color-error)}
369
- .bg-error-light{background-color: var(--color-error-light)}
370
- .bg-error-dark{background-color: var(--color-error-dark)}
371
- .bg-error-opacity{background-color: var(--color-error-opacity)}
372
- .bg-error-contrast{background-color: var(--color-error-contrast)}
373
- .bg-color-warning{background-color: var(--color-warning)}
374
- .bg-warning-light{background-color: var(--color-warning-light)}
375
- .bg-warning-dark{background-color: var(--color-warning-dark)}
376
- .bg-warning-opacity{background-color: var(--color-warning-opacity)}
377
- .bg-warning-contrast{background-color: var(--color-warning-contrast)}
378
- .bg-info{background-color: var(--color-info)}
379
- .bg-info-light{background-color: var(--color-info-light)}
380
- .bg-info-dark{background-color: var(--color-info-dark)}
381
- .bg-info-opacity{background-color: var(--color-info-opacity)}
382
- .bg-info-contrast{background-color: var(--color-info-contrast)}
383
- .bg-success{background-color: var(--color-success)}
384
- .bg-success-light{background-color: var(--color-success-light)}
385
- .bg-success-dark{background-color: var(--color-success-dark)}
386
- .bg-success-opacity{background-color: var(--color-success-opacity)}
387
- .bg-success-contrast{background-color: var(--color-success-contrast)}
388
- .bg-orange-a700{background-color: var(--color-orange-a700)}
389
- .bg-orange-a400{background-color: var(--color-orange-a400)}
390
- .bg-orange-a200{background-color: var(--color-orange-a200)}
391
- .bg-orange-a100{background-color: var(--color-orange-a100)}
392
- .bg-orange-d2{background-color: var(--color-orange-d2)}
393
- .bg-orange-d1{background-color: var(--color-orange-d1)}
394
- .bg-orange-900{background-color: var(--color-orange-900)}
395
- .bg-orange-800{background-color: var(--color-orange-800)}
396
- .bg-orange-700{background-color: var(--color-orange-700)}
397
- .bg-orange-600{background-color: var(--color-orange-600)}
398
- .bg-orange-500{background-color: var(--color-orange-500)}
399
- .bg-orange-400{background-color: var(--color-orange-400)}
400
- .bg-orange-300{background-color: var(--color-orange-300)}
401
- .bg-orange-200{background-color: var(--color-orange-200)}
402
- .bg-orange-100{background-color: var(--color-orange-100)}
403
- .bg-orange-50{background-color: var(--color-orange-50)}
404
- .bg-blue-a700{background-color: var(--color-blue-a700)}
405
- .bg-blue-a400{background-color: var(--color-blue-a400)}
406
- .bg-blue-a200{background-color: var(--color-blue-a200)}
407
- .bg-blue-a100{background-color: var(--color-blue-a100)}
408
- .bg-blue-d2{background-color: var(--color-blue-d2)}
409
- .bg-blue-d1{background-color: var(--color-blue-d1)}
410
- .bg-blue-900{background-color: var(--color-blue-900)}
411
- .bg-blue-800{background-color: var(--color-blue-800)}
412
- .bg-blue-700{background-color: var(--color-blue-700)}
413
- .bg-blue-600{background-color: var(--color-blue-600)}
414
- .bg-blue-500{background-color: var(--color-blue-500)}
415
- .bg-blue-400{background-color: var(--color-blue-400)}
416
- .bg-blue-300{background-color: var(--color-blue-300)}
417
- .bg-blue-200{background-color: var(--color-blue-200)}
418
- .bg-blue-100{background-color: var(--color-blue-100)}
419
- .bg-blue-50{background-color: var(--color-blue-50)}
420
- .bg-gray-a700{background-color: var(--color-gray-a700)}
421
- .bg-gray-a400{background-color: var(--color-gray-a400)}
422
- .bg-gray-a200{background-color: var(--color-gray-a200)}
423
- .bg-gray-a100{background-color: var(--color-gray-a100)}
424
- .bg-gray-900{background-color: var(--color-gray-900)}
425
- .bg-gray-800{background-color: var(--color-gray-800)}
426
- .bg-gray-700{background-color: var(--color-gray-700)}
427
- .bg-gray-600{background-color: var(--color-gray-600)}
428
- .bg-gray-500{background-color: var(--color-gray-500)}
429
- .bg-gray-400{background-color: var(--color-gray-400)}
430
- .bg-gray-300{background-color: var(--color-gray-300)}
431
- .bg-gray-200{background-color: var(--color-gray-200)}
432
- .bg-gray-100{background-color: var(--color-gray-100)}
433
- .bg-gray-50{background-color: var(--color-gray-50)}
434
- .bg-red-a700{background-color: var(--color-red-a700)}
435
- .bg-red-a400{background-color: var(--color-red-a400)}
436
- .bg-red-a200{background-color: var(--color-red-a200)}
437
- .bg-red-a100{background-color: var(--color-red-a100)}
438
- .bg-red-d2{background-color: var(--color-red-d2)}
439
- .bg-red-d2{background-color: var(--color-red-d1)}
440
- .bg-red-900{background-color: var(--color-red-900)}
441
- .bg-red-800{background-color: var(--color-red-800)}
442
- .bg-red-700{background-color: var(--color-red-700)}
443
- .bg-red-600{background-color: var(--color-red-600)}
444
- .bg-red-500{background-color: var(--color-red-500)}
445
- .bg-red-400{background-color: var(--color-red-400)}
446
- .bg-red-300{background-color: var(--color-red-300)}
447
- .bg-red-200{background-color: var(--color-red-200)}
448
- .bg-red-100{background-color: var(--color-red-100)}
449
- .bg-red-50{background-color: var(--color-red-50)}
450
- .bg-yellow-a700{background-color: var(--color-yellow-a700)}
451
- .bg-yellow-a400{background-color: var(--color-yellow-a400)}
452
- .bg-yellow-a200{background-color: var(--color-yellow-a200)}
453
- .bg-yellow-a100{background-color: var(--color-yellow-a100)}
454
- .bg-yellow-d2{background-color: var(--color-yellow-d2)}
455
- .bg-yellow-d1{background-color: var(--color-yellow-d1)}
456
- .bg-yellow-900{background-color: var(--color-yellow-900)}
457
- .bg-yellow-800{background-color: var(--color-yellow-800)}
458
- .bg-yellow-700{background-color: var(--color-yellow-700)}
459
- .bg-yellow-600{background-color: var(--color-yellow-600)}
460
- .bg-yellow-500{background-color: var(--color-yellow-500)}
461
- .bg-yellow-400{background-color: var(--color-yellow-400)}
462
- .bg-yellow-300{background-color: var(--color-yellow-300)}
463
- .bg-yellow-200{background-color: var(--color-yellow-200)}
464
- .bg-yellow-100{background-color: var(--color-yellow-100)}
465
- .bg-yellow-50{background-color: var(--color-yellow-50)}
466
- .bg-green-a700{background-color: var(--color-green-a700)}
467
- .bg-green-a400{background-color: var(--color-green-a400)}
468
- .bg-green-a200{background-color: var(--color-green-a200)}
469
- .bg-green-a100{background-color: var(--color-green-a100)}
470
- .bg-green-d2{background-color: var(--color-green-d2)}
471
- .bg-green-d1{background-color: var(--color-green-d1)}
472
- .bg-green-900{background-color: var(--color-green-900)}
473
- .bg-green-800{background-color: var(--color-green-800)}
474
- .bg-green-700{background-color: var(--color-green-700)}
475
- .bg-green-600{background-color: var(--color-green-600)}
476
- .bg-green-500{background-color: var(--color-green-500)}
477
- .bg-green-400{background-color: var(--color-green-400)}
478
- .bg-green-300{background-color: var(--color-green-300)}
479
- .bg-green-200{background-color: var(--color-green-200)}
480
- .bg-green-100{background-color: var(--color-green-100)}
481
- .bg-green-50{background-color: var(--color-green-50)}
482
-
483
-
484
-
485
-
486
- .m-0{margin: 0}
487
- .m-1{margin:var(--size-step)}
488
- .m-2{margin:calc(var(--size-step) * 2)}
489
- .m-3{margin:calc(var(--size-step) * 3)}
490
- .m-4{margin:calc(var(--size-step) * 4)}
491
- .m-5{margin:calc(var(--size-step) * 5)}
492
- .m-6{margin:calc(var(--size-step) * 6)}
493
-
494
- .mx-0{margin-left:0;margin-right:0}
495
- .mx-1{margin-left:var(--size-step);margin-right:var(--size-step)}
496
- .mx-2{margin-left:calc(var(--size-step) * 2);margin-right:calc(var(--size-step) * 2)}
497
- .mx-3{margin-left:calc(var(--size-step) * 3);margin-right:calc(var(--size-step) * 3)}
498
- .mx-4{margin-left:calc(var(--size-step) * 4);margin-right:calc(var(--size-step) * 4)}
499
- .mx-5{margin-left:calc(var(--size-step) * 5);margin-right:calc(var(--size-step) * 5)}
500
- .mx-6{margin-left:calc(var(--size-step) * 6);margin-right:calc(var(--size-step) * 6)}
501
-
502
- .my-0{margin-top:0;margin-bottom:0}
503
- .my-1{margin-top:var(--size-step);margin-right:var(--size-step)}
504
- .my-2{margin-top:calc(var(--size-step) * 2);margin-bottom:calc(var(--size-step) * 2)}
505
- .my-3{margin-top:calc(var(--size-step) * 3);margin-bottom:calc(var(--size-step) * 3)}
506
- .my-4{margin-top:calc(var(--size-step) * 4);margin-bottom:calc(var(--size-step) * 4)}
507
- .my-5{margin-top:calc(var(--size-step) * 5);margin-bottom:calc(var(--size-step) * 5)}
508
- .my-6{margin-top:calc(var(--size-step) * 6);margin-bottom:calc(var(--size-step) * 6)}
509
-
510
-
511
- .mt-0{margin-top: 0}
512
- .mt-1{margin-top:var(--size-step)}
513
- .mt-2{margin-top:calc(var(--size-step) * 2)}
514
- .mt-3{margin-top:calc(var(--size-step) * 3)}
515
- .mt-4{margin-top:calc(var(--size-step) * 4)}
516
- .mt-5{margin-top:calc(var(--size-step) * 5)}
517
- .mt-6{margin-top:calc(var(--size-step) * 6)}
518
-
519
- .mb-0{margin-bottom:0}
520
- .mb-1{margin-bottom:var(--size-step)}
521
- .mb-2{margin-bottom:calc(var(--size-step) * 2)}
522
- .mb-3{margin-bottom:calc(var(--size-step) * 3)}
523
- .mb-4{margin-bottom:calc(var(--size-step) * 4)}
524
- .mb-5{margin-bottom:calc(var(--size-step) * 5)}
525
- .mb-6{margin-bottom:calc(var(--size-step) * 6)}
526
-
527
- .ml-0{margin-left:0}
528
- .ml-1{margin-left:var(--size-step)}
529
- .ml-2{margin-left:calc(var(--size-step) * 2)}
530
- .ml-3{margin-left:calc(var(--size-step) * 3)}
531
- .ml-4{margin-left:calc(var(--size-step) * 4)}
532
- .ml-5{margin-left:calc(var(--size-step) * 5)}
533
- .ml-6{margin-left:calc(var(--size-step) * 6)}
534
-
535
- .mr-0{margin-right:0}
536
- .mr-1{margin-right:var(--size-step)}
537
- .mr-2{margin-right:calc(var(--size-step) * 2)}
538
- .mr-3{margin-right:calc(var(--size-step) * 3)}
539
- .mr-4{margin-right:calc(var(--size-step) * 4)}
540
- .mr-5{margin-right:calc(var(--size-step) * 5)}
541
- .mr-6{margin-right:calc(var(--size-step) * 6)}
542
-
543
- .p-0{padding:0}
544
- .p-1{padding:var(--size-step)}
545
- .p-2{padding:calc(var(--size-step) * 2)}
546
- .p-3{padding:calc(var(--size-step) * 3)}
547
- .p-4{padding:calc(var(--size-step) * 4)}
548
- .p-5{padding:calc(var(--size-step) * 5)}
549
- .p-6{padding:calc(var(--size-step) * 6)}
550
-
551
- .px-0{padding-left:0;padding-right:0}
552
- .px-1{padding-left:var(--size-step);padding-bottom:var(--size-step)}
553
- .px-2{padding-left:calc(var(--size-step) * 2);padding-right:calc(var(--size-step) * 2)}
554
- .px-3{padding-left:calc(var(--size-step) * 3);padding-right:calc(var(--size-step) * 3)}
555
- .px-4{padding-left:calc(var(--size-step) * 4);padding-right:calc(var(--size-step) * 4)}
556
- .px-5{padding-left:calc(var(--size-step) * 5);padding-right:calc(var(--size-step) * 5)}
557
- .px-6{padding-left:calc(var(--size-step) * 6);padding-right:calc(var(--size-step) * 6)}
558
-
559
- .py-0{padding-top:0;padding-bottom:0}
560
- .py-1{padding-top:var(--size-step);padding-bottom:var(--size-step)}
561
- .py-2{padding-top:calc(var(--size-step) * 2);padding-bottom:calc(var(--size-step) * 2)}
562
- .py-3{padding-top:calc(var(--size-step) * 3);padding-bottom:calc(var(--size-step) * 3)}
563
- .py-4{padding-top:calc(var(--size-step) * 4);padding-bottom:calc(var(--size-step) * 4)}
564
- .py-5{padding-top:calc(var(--size-step) * 5);padding-bottom:calc(var(--size-step) * 5)}
565
- .py-6{padding-top:calc(var(--size-step) * 6);padding-bottom:calc(var(--size-step) * 6)}
566
-
567
-
568
- .pt-0{padding-top:0}
569
- .pt-1{padding-top:var(--size-step)}
570
- .pt-2{padding-top:calc(var(--size-step) * 2)}
571
- .pt-3{padding-top:calc(var(--size-step) * 3)}
572
- .pt-4{padding-top:calc(var(--size-step) * 4)}
573
- .pt-5{padding-top:calc(var(--size-step) * 5)}
574
- .pt-6{padding-top:calc(var(--size-step) * 6)}
575
-
576
- .pb-0{padding-bottom:0}
577
- .pb-1{padding-bottom:var(--size-step)}
578
- .pb-2{padding-bottom:calc(var(--size-step) * 2)}
579
- .pb-3{padding-bottom:calc(var(--size-step) * 3)}
580
- .pb-4{padding-bottom:calc(var(--size-step) * 4)}
581
- .pb-5{padding-bottom:calc(var(--size-step) * 5)}
582
- .pb-6{padding-bottom:calc(var(--size-step) * 6)}
583
-
584
- .pl-0{padding-left:0}
585
- .pl-1{padding-left:var(--size-step)}
586
- .pl-2{padding-left:calc(var(--size-step) * 2)}
587
- .pl-3{padding-left:calc(var(--size-step) * 3)}
588
- .pl-4{padding-left:calc(var(--size-step) * 4)}
589
- .pl-5{padding-left:calc(var(--size-step) * 5)}
590
- .pl-6{padding-left:calc(var(--size-step) * 6)}
591
-
592
- .pr-0{padding-right:0}
593
- .pr-1{padding-right:var(--size-step)}
594
- .pr-2{padding-right:calc(var(--size-step) * 2)}
595
- .pr-3{padding-right:calc(var(--size-step) * 3)}
596
- .pr-4{padding-right:calc(var(--size-step) * 4)}
597
- .pr-5{padding-right:calc(var(--size-step) * 5)}
598
- .pr-6{padding-right:calc(var(--size-step) * 6)}
599
-
600
- .relative{position: relative}
601
-
602
- .mi,
603
- .material_icon {
604
- font-family: 'Material Symbols Outlined';
605
- font-weight: normal;
606
- font-style: normal;
607
- font-size: 24px;
608
- line-height: 1;
609
- letter-spacing: normal;
610
- text-transform: none;
611
- display: inline-block;
612
- white-space: nowrap;
613
- word-wrap: normal;
614
- direction: ltr;
615
- -webkit-font-feature-settings: 'liga';
616
- -webkit-font-smoothing: antialiased;
617
- }
618
- .mis,
619
- .material_icon_solid{
620
- font-family: 'Material Symbols Outlined';
621
- font-style: normal;
622
- font-size: 24px;
623
- line-height: 1;
624
- letter-spacing: normal;
625
- text-transform: none;
626
- display: inline-block;
627
- white-space: nowrap;
628
- word-wrap: normal;
629
- direction: ltr;
630
- -webkit-font-feature-settings: 'liga';
631
- -webkit-font-smoothing: antialiased;
632
- font-weight: 700;
633
- }