tide-design-system 2.0.16 → 2.0.18

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 (84) hide show
  1. package/dist/{IconAccountBalance-3310f85a.js → IconAccountBalance-bdf68db0.js} +2 -2
  2. package/dist/{IconAdd-b83ff922.js → IconAdd-ffa177e1.js} +2 -2
  3. package/dist/{IconAiDescription-019c6cb0.js → IconAiDescription-175a856c.js} +2 -2
  4. package/dist/{IconAlignSpace-1c0ddeee.js → IconAlignSpace-f90a5416.js} +2 -2
  5. package/dist/{IconApplePay-85435892.js → IconApplePay-161961fa.js} +2 -2
  6. package/dist/{IconArrowBack-f5747d22.js → IconArrowBack-cd4b7ac8.js} +2 -2
  7. package/dist/{IconArrowForward-419a9d1b.js → IconArrowForward-9a0ecbc4.js} +2 -2
  8. package/dist/{IconArrowRight-1f21c8f3.js → IconArrowRight-52d0bf71.js} +2 -2
  9. package/dist/{IconAssignment-99c08650.js → IconAssignment-847fd432.js} +2 -2
  10. package/dist/{IconAwardStar-efd1d356.js → IconAwardStar-251fcebf.js} +2 -2
  11. package/dist/{IconBookmark-2532cca9.js → IconBookmark-ce2c52af.js} +2 -2
  12. package/dist/{IconCalendarMonth-4e78fd12.js → IconCalendarMonth-6c0138de.js} +2 -2
  13. package/dist/{IconCall-d9933e4e.js → IconCall-32116622.js} +2 -2
  14. package/dist/{IconCheck-71c8fd89.js → IconCheck-a89eb10a.js} +2 -2
  15. package/dist/{IconChevronLeft-46ce3729.js → IconChevronLeft-8ac18d90.js} +2 -2
  16. package/dist/{IconChevronRight-fecae855.js → IconChevronRight-0bcbbb63.js} +2 -2
  17. package/dist/{IconClear-c198f9c5.js → IconClear-2362498b.js} +2 -2
  18. package/dist/{IconClose-bb721acb.js → IconClose-c437f110.js} +2 -2
  19. package/dist/{IconCycle-0ad3bac6.js → IconCycle-e86c12bf.js} +2 -2
  20. package/dist/{IconDelete-11cf30cd.js → IconDelete-ed0649f6.js} +2 -2
  21. package/dist/{IconDiamond-cfe74831.js → IconDiamond-0f1daa47.js} +2 -2
  22. package/dist/{IconEdit-110896ea.js → IconEdit-f0a66ae2.js} +2 -2
  23. package/dist/{IconError-8e07e8d8.js → IconError-81bbb9a7.js} +2 -2
  24. package/dist/{IconExpandContent-61be92df.js → IconExpandContent-2033da2c.js} +2 -2
  25. package/dist/{IconExpandLess-7993bdaa.js → IconExpandLess-9070f9e8.js} +2 -2
  26. package/dist/{IconExpandMore-22c16c54.js → IconExpandMore-e7bd49ed.js} +2 -2
  27. package/dist/{IconFacebook-81317031.js → IconFacebook-d1286c1c.js} +2 -2
  28. package/dist/{IconFavorite-c23ab4f2.js → IconFavorite-e4f46ec6.js} +2 -2
  29. package/dist/{IconFavoriteFilled-fa554072.js → IconFavoriteFilled-a06df363.js} +2 -2
  30. package/dist/{IconFormatBold-18fb5045.js → IconFormatBold-e73f5687.js} +2 -2
  31. package/dist/{IconFormatItalic-95e92ac6.js → IconFormatItalic-471f1d66.js} +2 -2
  32. package/dist/{IconFormatListBulleted-e6642701.js → IconFormatListBulleted-40765383.js} +2 -2
  33. package/dist/{IconForum-a6f41a25.js → IconForum-10f1fe93.js} +2 -2
  34. package/dist/{IconGavel-276610c8.js → IconGavel-2c87efb0.js} +2 -2
  35. package/dist/{IconGoogle-7b38a687.js → IconGoogle-6effec73.js} +2 -2
  36. package/dist/{IconGooglePay-e159daca.js → IconGooglePay-8e4b826e.js} +2 -2
  37. package/dist/{IconGrid-4d04fd29.js → IconGrid-000bc74b.js} +2 -2
  38. package/dist/{IconHelp-91d7271b.js → IconHelp-4b8b9cc2.js} +2 -2
  39. package/dist/{IconInfo-5a67f445.js → IconInfo-2b75edd4.js} +2 -2
  40. package/dist/{IconInsertText-d28fb9bb.js → IconInsertText-7414fd2f.js} +2 -2
  41. package/dist/{IconInstagram-6be667bc.js → IconInstagram-4087712b.js} +2 -2
  42. package/dist/{IconIosShare-18cd342e.js → IconIosShare-796b5ef1.js} +2 -2
  43. package/dist/{IconLayout-b2e988b8.js → IconLayout-8552c7ee.js} +2 -2
  44. package/dist/{IconLinkedIn-053d7e34.js → IconLinkedIn-bdbac543.js} +2 -2
  45. package/dist/{IconLocalShipping-2f809419.js → IconLocalShipping-43c875d5.js} +2 -2
  46. package/dist/{IconLock-17f22d70.js → IconLock-90897449.js} +2 -2
  47. package/dist/{IconMail-acced79c.js → IconMail-c084c38d.js} +2 -2
  48. package/dist/{IconMenu-9b47fb3f.js → IconMenu-f7225830.js} +2 -2
  49. package/dist/{IconMoreHoriz-c32b7e23.js → IconMoreHoriz-9fd79807.js} +2 -2
  50. package/dist/{IconNotifications-43d317fe.js → IconNotifications-9c0a22cc.js} +2 -2
  51. package/dist/{IconOpenInNew-d9d8a644.js → IconOpenInNew-2394e1b4.js} +2 -2
  52. package/dist/{IconPalette-1f521f65.js → IconPalette-1ef7a341.js} +2 -2
  53. package/dist/{IconPaypal-03d3da7f.js → IconPaypal-035ee1b0.js} +2 -2
  54. package/dist/{IconPerson-5c4cfd25.js → IconPerson-38dc5682.js} +2 -2
  55. package/dist/{IconPhotoCamera-fdcb57bc.js → IconPhotoCamera-9cf37e0e.js} +2 -2
  56. package/dist/{IconPinterest-1fac1ad7.js → IconPinterest-ec781aee.js} +2 -2
  57. package/dist/{IconPlayArrow-5f738f2c.js → IconPlayArrow-e36de8f9.js} +2 -2
  58. package/dist/{IconRemove-cac0677f.js → IconRemove-12a578a4.js} +2 -2
  59. package/dist/{IconRoundedCorners-f9a3e463.js → IconRoundedCorners-461a036b.js} +2 -2
  60. package/dist/{IconSearch-2220b9de.js → IconSearch-f6d14bd4.js} +2 -2
  61. package/dist/{IconSell-12e3c5fb.js → IconSell-485baa43.js} +2 -2
  62. package/dist/{IconShare-7e5bfc3f.js → IconShare-0a7c7dd3.js} +2 -2
  63. package/dist/{IconShoppingCart-e5d1931c.js → IconShoppingCart-fbc6ffaf.js} +2 -2
  64. package/dist/{IconSms-b5d7cc7e.js → IconSms-e89117cd.js} +2 -2
  65. package/dist/{IconStar-14220b7c.js → IconStar-1ee72c6e.js} +2 -2
  66. package/dist/{IconSwapVert-62d07fe8.js → IconSwapVert-d622afc5.js} +2 -2
  67. package/dist/{IconThreeDRotation-7d4882fe.js → IconThreeDRotation-a192b845.js} +2 -2
  68. package/dist/{IconTrophy-3d015794.js → IconTrophy-86544279.js} +2 -2
  69. package/dist/{IconTune-d9d8ab5e.js → IconTune-c71b1687.js} +2 -2
  70. package/dist/{IconTwitter-bc151a2b.js → IconTwitter-b31353f5.js} +2 -2
  71. package/dist/{IconVideocam-9943e86e.js → IconVideocam-2b3c9ab3.js} +2 -2
  72. package/dist/{IconViewInAr-a4f0fb07.js → IconViewInAr-b1c5658b.js} +2 -2
  73. package/dist/{IconVisibility-5b6f2273.js → IconVisibility-27eb97f9.js} +2 -2
  74. package/dist/{IconVolumeOff-50393cc1.js → IconVolumeOff-5ff2cd29.js} +2 -2
  75. package/dist/{IconVolumeOn-1c8c277d.js → IconVolumeOn-bd3ecdc6.js} +2 -2
  76. package/dist/{IconWarning-b5878614.js → IconWarning-9c7589a7.js} +2 -2
  77. package/dist/{IconYoutube-55b22548.js → IconYoutube-b2db5be6.js} +2 -2
  78. package/dist/css/utilities.css +1268 -0
  79. package/dist/index-1854a055.js +2154 -0
  80. package/dist/style.css +1 -1
  81. package/dist/tide-design-system.js +29 -28
  82. package/dist/types/Styles.ts +16 -1
  83. package/package.json +1 -1
  84. package/dist/index-e7aacf31.js +0 -2106
package/dist/css/utilities.css CHANGED
@@ -312,3 +312,1271 @@
312
312
 
313
313
  .tide-y-auto {overflow-y: auto;}
314
314
  .tide-y-hidden {overflow-y: hidden;}
315
+
316
+ /* Small breakpoint */
317
+ @media (min-width: 768px) {
318
+ /* Position */
319
+ .sm-tide-position-absolute {position: absolute;}
320
+ .sm-tide-position-fixed {position: fixed;}
321
+ .sm-tide-position-relative {position: relative;}
322
+ .sm-tide-position-sticky {position: sticky;}
323
+
324
+ .sm-tide-top-0 {top: 0;}
325
+ .sm-tide-right-0 {right: 0;}
326
+ .sm-tide-bottom-0 {bottom: 0;}
327
+ .sm-tide-left-0 {left: 0;}
328
+
329
+ /* Display */
330
+ .sm-tide-display-block {display: block;}
331
+ .sm-tide-display-contents {display: contents;}
332
+ .sm-tide-display-flex {display: flex;}
333
+ .sm-tide-display-grid {display: grid;}
334
+ .sm-tide-display-initial {display: initial;}
335
+ .sm-tide-display-inline {display: inline;}
336
+ .sm-tide-display-inline-block {display: inline-block;}
337
+ .sm-tide-display-inline-flex {display: inline-flex;}
338
+ .sm-tide-display-none {display: none;}
339
+
340
+ /* Flex Box */
341
+ .sm-tide-flex-column {flex-direction: column;}
342
+ .sm-tide-flex-column-reverse {flex-direction: column-reverse;}
343
+ .sm-tide-flex-row {flex-direction: row;}
344
+ .sm-tide-flex-row-reverse {flex-direction: row-reverse;}
345
+
346
+ .sm-tide-grow {flex-grow: 1;}
347
+ .sm-tide-grow-none {flex-grow: 0;}
348
+
349
+ .sm-tide-shrink {flex-shrink: 1;}
350
+ .sm-tide-shrink-none {flex-shrink: 0;}
351
+
352
+ .sm-tide-flex-wrap {flex-wrap: wrap;}
353
+
354
+ .sm-tide-axis1-around {justify-content: space-around;}
355
+ .sm-tide-axis1-between {justify-content: space-between;}
356
+ .sm-tide-axis1-center {justify-content: center;}
357
+ .sm-tide-axis1-end {justify-content: end;}
358
+
359
+ .sm-tide-axis2-around {align-items: space-around;}
360
+ .sm-tide-axis2-center {align-items: center;}
361
+ .sm-tide-axis2-end {align-items: flex-end;}
362
+ .sm-tide-axis2-start {align-items: flex-start;}
363
+ .sm-tide-axis2-stretch {align-items: stretch;}
364
+
365
+ .sm-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
366
+ .sm-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
367
+ .sm-tide-gap-1 {gap: var(--tide-spacing-1);}
368
+ .sm-tide-gap-2 {gap: var(--tide-spacing-2);}
369
+ .sm-tide-gap-4 {gap: var(--tide-spacing-4);}
370
+
371
+ /* Box Sizing */
372
+ .sm-tide-box-border {box-sizing: border-box;}
373
+ .sm-tide-box-content {box-sizing: content-box;}
374
+
375
+ /* Margin */
376
+ .sm-tide-margin-0 {margin: 0;}
377
+ .sm-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
378
+ .sm-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
379
+ .sm-tide-margin-1 {margin: var(--tide-spacing-1);}
380
+ .sm-tide-margin-2 {margin: var(--tide-spacing-2);}
381
+ .sm-tide-margin-4 {margin: var(--tide-spacing-4);}
382
+
383
+ .sm-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
384
+ .sm-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
385
+ .sm-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
386
+ .sm-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
387
+ .sm-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
388
+ .sm-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
389
+ .sm-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
390
+
391
+ .sm-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
392
+ .sm-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
393
+ .sm-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
394
+ .sm-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
395
+ .sm-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
396
+ .sm-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
397
+
398
+ .sm-tide-margin-top-0 {margin-top: 0;}
399
+ .sm-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
400
+ .sm-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
401
+ .sm-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
402
+ .sm-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
403
+ .sm-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
404
+
405
+ .sm-tide-margin-right-0 {margin-right: 0;}
406
+ .sm-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
407
+ .sm-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
408
+ .sm-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
409
+ .sm-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
410
+ .sm-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
411
+ .sm-tide-margin-right-auto {margin-right: auto;}
412
+
413
+ .sm-tide-margin-bottom-0 {margin-bottom: 0;}
414
+ .sm-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
415
+ .sm-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
416
+ .sm-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
417
+ .sm-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
418
+ .sm-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
419
+
420
+ .sm-tide-margin-left-0 {margin-left: 0;}
421
+ .sm-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
422
+ .sm-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
423
+ .sm-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
424
+ .sm-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
425
+ .sm-tide-margin-left-auto {margin-left: auto;}
426
+
427
+ /* Border */
428
+ .sm-tide-border-1,
429
+ .sm-tide-border-2,
430
+ .sm-tide-border-bottom-1,
431
+ .sm-tide-border-bottom-2,
432
+ .sm-tide-border-left-1,
433
+ .sm-tide-border-left-2,
434
+ .sm-tide-border-right-1,
435
+ .sm-tide-border-right-2,
436
+ .sm-tide-border-top-1,
437
+ .sm-tide-border-top-2 {
438
+ border-style: solid;
439
+ }
440
+
441
+ .sm-tide-border-1 {border-width: var(--tide-border-width-1);}
442
+ .sm-tide-border-2 {border-width: var(--tide-border-width-2);}
443
+
444
+ .sm-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
445
+ .sm-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
446
+ .sm-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
447
+ .sm-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
448
+
449
+ .sm-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
450
+ .sm-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
451
+ .sm-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
452
+ .sm-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
453
+
454
+ .sm-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
455
+ .sm-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
456
+ .sm-tide-radius-1 {border-radius: var(--tide-radius-1);}
457
+ .sm-tide-radius-full {border-radius: var(--tide-radius-full);}
458
+
459
+ /* Padding */
460
+ .sm-tide-padding-0 {padding: 0;}
461
+ .sm-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
462
+ .sm-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
463
+ .sm-tide-padding-1 {padding: var(--tide-spacing-1);}
464
+ .sm-tide-padding-2 {padding: var(--tide-spacing-2);}
465
+ .sm-tide-padding-4 {padding: var(--tide-spacing-4);}
466
+
467
+ .sm-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
468
+ .sm-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
469
+ .sm-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
470
+ .sm-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
471
+ .sm-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
472
+ .sm-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
473
+
474
+ .sm-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
475
+ .sm-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
476
+ .sm-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
477
+ .sm-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
478
+ .sm-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
479
+ .sm-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
480
+
481
+ .sm-tide-padding-top-0 {padding-top: 0;}
482
+ .sm-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
483
+ .sm-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
484
+ .sm-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
485
+ .sm-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
486
+ .sm-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
487
+
488
+ .sm-tide-padding-right-0 {padding-right: 0;}
489
+ .sm-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
490
+ .sm-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
491
+ .sm-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
492
+ .sm-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
493
+ .sm-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
494
+
495
+ .sm-tide-padding-bottom-0 {padding-bottom: 0;}
496
+ .sm-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
497
+ .sm-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
498
+ .sm-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
499
+ .sm-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
500
+ .sm-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
501
+
502
+ .sm-tide-padding-left-0 {padding-left: 0;}
503
+ .sm-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
504
+ .sm-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
505
+ .sm-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
506
+ .sm-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
507
+ .sm-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
508
+
509
+ /* Dimension */
510
+ .sm-tide-max-width-full {max-width: 100%;}
511
+ .sm-tide-min-width-0 {min-width: 0;}
512
+
513
+ .sm-tide-max-height-full {max-height: 100%;}
514
+ .sm-tide-min-height-0 {min-height: 0;}
515
+
516
+ .sm-tide-width-container {max-width: 1168px;}
517
+
518
+ .sm-tide-width-full {width: 100%;}
519
+
520
+ .sm-tide-height-full {height: 100%;}
521
+
522
+ /* Backgrounds */
523
+ .sm-tide-transparent-100 {background-color: var(--tide-transparent-100);}
524
+ .sm-tide-transparent-200 {background-color: var(--tide-transparent-200);}
525
+ .sm-tide-transparent-300 {background-color: var(--tide-transparent-300);}
526
+ .sm-tide-transparent-400 {background-color: var(--tide-transparent-400);}
527
+
528
+ /* Font Size */
529
+ .sm-tide-font-10 {font-size: var(--tide-font-10);}
530
+ .sm-tide-font-12 {font-size: var(--tide-font-12);}
531
+ .sm-tide-font-14 {font-size: var(--tide-font-14);}
532
+ .sm-tide-font-16 {font-size: var(--tide-font-16);}
533
+ .sm-tide-font-20 {font-size: var(--tide-font-20);}
534
+ .sm-tide-font-24 {font-size: var(--tide-font-24);}
535
+ .sm-tide-font-32 {font-size: var(--tide-font-32);}
536
+
537
+ /* Font Weight */
538
+ .sm-tide-font-400 {font-weight: 400;}
539
+ .sm-tide-font-500 {font-weight: 500;}
540
+ .sm-tide-font-600 {font-weight: 600;}
541
+ .sm-tide-font-700 {font-weight: 700;}
542
+
543
+ /* Misc */
544
+ .sm-tide-align-middle {vertical-align: middle;}
545
+
546
+ .sm-tide-bg-blur {backdrop-filter: blur(8px);}
547
+
548
+ .sm-tide-break-word {overflow-wrap: break-word;}
549
+
550
+ .sm-tide-columns-1 {column-count: 1;}
551
+ .sm-tide-columns-2 {column-count: 2;}
552
+ .sm-tide-columns-3 {column-count: 3;}
553
+ .sm-tide-columns-4 {column-count: 4;}
554
+
555
+ .sm-tide-cursor-not-allowed {cursor: not-allowed;}
556
+ .sm-tide-cursor-pointer {cursor: pointer;}
557
+ .sm-tide-cursor-text {cursor: text;}
558
+
559
+ .sm-tide-isolate {isolation: isolate;}
560
+
561
+ .sm-tide-leading-default {line-height: 100%;}
562
+ .sm-tide-leading-normal {line-height: normal;}
563
+
564
+ .sm-tide-list-none {list-style-type: none;}
565
+
566
+ .sm-tide-object-center {object-position: center;}
567
+
568
+ .sm-tide-object-cover {object-fit: cover;}
569
+ .sm-tide-object-contain {object-fit: contain;}
570
+ .sm-tide-object-scale-down {object-fit: scale-down;}
571
+
572
+ .sm-tide-opacity {opacity: 1;}
573
+ .sm-tide-opacity-none {opacity: 0;}
574
+
575
+ .sm-tide-pointer-events {pointer-events: auto;}
576
+ .sm-tide-pointer-events-none {pointer-events: none;}
577
+
578
+ .sm-tide-scrollbar-none::-webkit-scrollbar {display: none;}
579
+ .sm-tide-scrollbar-none {
580
+ -ms-overflow-style: none;
581
+ scrollbar-width: none;
582
+ }
583
+
584
+ .sm-tide-scroll-snap {
585
+ scroll-snap-stop: always;
586
+ scroll-snap-type: both mandatory;
587
+ scroll-behavior: smooth;
588
+ }
589
+
590
+ .sm-tide-scroll-snap-start {
591
+ scroll-snap-align: start;
592
+ }
593
+
594
+ .sm-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
595
+ .sm-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
596
+
597
+ .sm-tide-text-center {text-align: center;}
598
+ .sm-tide-text-left {text-align: left;}
599
+ .sm-tide-text-right {text-align: right;}
600
+
601
+ .sm-tide-text-transform-lower {text-transform: lowercase;}
602
+ .sm-tide-text-transform-none {text-transform: none;}
603
+ .sm-tide-text-transform-upper {text-transform: uppercase;}
604
+
605
+ .sm-tide-underline,
606
+ .sm-tide-underline:hover,
607
+ .sm-tide-underline-hover:hover {
608
+ text-decoration: underline;
609
+ }
610
+
611
+ .sm-tide-underline-none,
612
+ .sm-tide-underline-none:hover,
613
+ .sm-tide-underline-hover {
614
+ text-decoration: none;
615
+ }
616
+
617
+ .sm-tide-visible {visibility: visible;}
618
+ .sm-tide-visible-none {visibility: hidden;}
619
+
620
+ .sm-tide-whitespace-nowrap {white-space: nowrap;}
621
+
622
+ .sm-tide-x-auto {overflow-x: auto;}
623
+ .sm-tide-x-hidden {overflow-x: hidden;}
624
+ .sm-tide-x-scroll {overflow-x: scroll;}
625
+
626
+ .sm-tide-xy-auto {overflow: auto;}
627
+ .sm-tide-xy-hidden {overflow: hidden;}
628
+
629
+ .sm-tide-y-auto {overflow-y: auto;}
630
+ .sm-tide-y-hidden {overflow-y: hidden;}
631
+ }
632
+
633
+ /* Medium breakpoint */
634
+ @media (min-width: 992px) {
635
+ /* Position */
636
+ .md-tide-position-absolute {position: absolute;}
637
+ .md-tide-position-fixed {position: fixed;}
638
+ .md-tide-position-relative {position: relative;}
639
+ .md-tide-position-sticky {position: sticky;}
640
+
641
+ .md-tide-top-0 {top: 0;}
642
+ .md-tide-right-0 {right: 0;}
643
+ .md-tide-bottom-0 {bottom: 0;}
644
+ .md-tide-left-0 {left: 0;}
645
+
646
+ /* Display */
647
+ .md-tide-display-block {display: block;}
648
+ .md-tide-display-contents {display: contents;}
649
+ .md-tide-display-flex {display: flex;}
650
+ .md-tide-display-grid {display: grid;}
651
+ .md-tide-display-initial {display: initial;}
652
+ .md-tide-display-inline {display: inline;}
653
+ .md-tide-display-inline-block {display: inline-block;}
654
+ .md-tide-display-inline-flex {display: inline-flex;}
655
+ .md-tide-display-none {display: none;}
656
+
657
+ /* Flex Box */
658
+ .md-tide-flex-column {flex-direction: column;}
659
+ .md-tide-flex-column-reverse {flex-direction: column-reverse;}
660
+ .md-tide-flex-row {flex-direction: row;}
661
+ .md-tide-flex-row-reverse {flex-direction: row-reverse;}
662
+
663
+ .md-tide-grow {flex-grow: 1;}
664
+ .md-tide-grow-none {flex-grow: 0;}
665
+
666
+ .md-tide-shrink {flex-shrink: 1;}
667
+ .md-tide-shrink-none {flex-shrink: 0;}
668
+
669
+ .md-tide-flex-wrap {flex-wrap: wrap;}
670
+
671
+ .md-tide-axis1-around {justify-content: space-around;}
672
+ .md-tide-axis1-between {justify-content: space-between;}
673
+ .md-tide-axis1-center {justify-content: center;}
674
+ .md-tide-axis1-end {justify-content: end;}
675
+
676
+ .md-tide-axis2-around {align-items: space-around;}
677
+ .md-tide-axis2-center {align-items: center;}
678
+ .md-tide-axis2-end {align-items: flex-end;}
679
+ .md-tide-axis2-start {align-items: flex-start;}
680
+ .md-tide-axis2-stretch {align-items: stretch;}
681
+
682
+ .md-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
683
+ .md-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
684
+ .md-tide-gap-1 {gap: var(--tide-spacing-1);}
685
+ .md-tide-gap-2 {gap: var(--tide-spacing-2);}
686
+ .md-tide-gap-4 {gap: var(--tide-spacing-4);}
687
+
688
+ /* Box Sizing */
689
+ .md-tide-box-border {box-sizing: border-box;}
690
+ .md-tide-box-content {box-sizing: content-box;}
691
+
692
+ /* Margin */
693
+ .md-tide-margin-0 {margin: 0;}
694
+ .md-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
695
+ .md-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
696
+ .md-tide-margin-1 {margin: var(--tide-spacing-1);}
697
+ .md-tide-margin-2 {margin: var(--tide-spacing-2);}
698
+ .md-tide-margin-4 {margin: var(--tide-spacing-4);}
699
+
700
+ .md-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
701
+ .md-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
702
+ .md-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
703
+ .md-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
704
+ .md-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
705
+ .md-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
706
+ .md-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
707
+
708
+ .md-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
709
+ .md-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
710
+ .md-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
711
+ .md-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
712
+ .md-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
713
+ .md-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
714
+
715
+ .md-tide-margin-top-0 {margin-top: 0;}
716
+ .md-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
717
+ .md-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
718
+ .md-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
719
+ .md-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
720
+ .md-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
721
+
722
+ .md-tide-margin-right-0 {margin-right: 0;}
723
+ .md-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
724
+ .md-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
725
+ .md-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
726
+ .md-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
727
+ .md-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
728
+ .md-tide-margin-right-auto {margin-right: auto;}
729
+
730
+ .md-tide-margin-bottom-0 {margin-bottom: 0;}
731
+ .md-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
732
+ .md-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
733
+ .md-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
734
+ .md-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
735
+ .md-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
736
+
737
+ .md-tide-margin-left-0 {margin-left: 0;}
738
+ .md-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
739
+ .md-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
740
+ .md-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
741
+ .md-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
742
+ .md-tide-margin-left-auto {margin-left: auto;}
743
+
744
+ /* Border */
745
+ .md-tide-border-1,
746
+ .md-tide-border-2,
747
+ .md-tide-border-bottom-1,
748
+ .md-tide-border-bottom-2,
749
+ .md-tide-border-left-1,
750
+ .md-tide-border-left-2,
751
+ .md-tide-border-right-1,
752
+ .md-tide-border-right-2,
753
+ .md-tide-border-top-1,
754
+ .md-tide-border-top-2 {
755
+ border-style: solid;
756
+ }
757
+
758
+ .md-tide-border-1 {border-width: var(--tide-border-width-1);}
759
+ .md-tide-border-2 {border-width: var(--tide-border-width-2);}
760
+
761
+ .md-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
762
+ .md-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
763
+ .md-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
764
+ .md-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
765
+
766
+ .md-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
767
+ .md-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
768
+ .md-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
769
+ .md-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
770
+
771
+ .md-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
772
+ .md-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
773
+ .md-tide-radius-1 {border-radius: var(--tide-radius-1);}
774
+ .md-tide-radius-full {border-radius: var(--tide-radius-full);}
775
+
776
+ /* Padding */
777
+ .md-tide-padding-0 {padding: 0;}
778
+ .md-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
779
+ .md-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
780
+ .md-tide-padding-1 {padding: var(--tide-spacing-1);}
781
+ .md-tide-padding-2 {padding: var(--tide-spacing-2);}
782
+ .md-tide-padding-4 {padding: var(--tide-spacing-4);}
783
+
784
+ .md-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
785
+ .md-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
786
+ .md-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
787
+ .md-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
788
+ .md-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
789
+ .md-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
790
+
791
+ .md-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
792
+ .md-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
793
+ .md-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
794
+ .md-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
795
+ .md-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
796
+ .md-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
797
+
798
+ .md-tide-padding-top-0 {padding-top: 0;}
799
+ .md-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
800
+ .md-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
801
+ .md-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
802
+ .md-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
803
+ .md-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
804
+
805
+ .md-tide-padding-right-0 {padding-right: 0;}
806
+ .md-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
807
+ .md-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
808
+ .md-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
809
+ .md-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
810
+ .md-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
811
+
812
+ .md-tide-padding-bottom-0 {padding-bottom: 0;}
813
+ .md-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
814
+ .md-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
815
+ .md-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
816
+ .md-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
817
+ .md-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
818
+
819
+ .md-tide-padding-left-0 {padding-left: 0;}
820
+ .md-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
821
+ .md-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
822
+ .md-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
823
+ .md-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
824
+ .md-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
825
+
826
+ /* Dimension */
827
+ .md-tide-max-width-full {max-width: 100%;}
828
+ .md-tide-min-width-0 {min-width: 0;}
829
+
830
+ .md-tide-max-height-full {max-height: 100%;}
831
+ .md-tide-min-height-0 {min-height: 0;}
832
+
833
+ .md-tide-width-container {max-width: 1168px;}
834
+
835
+ .md-tide-width-full {width: 100%;}
836
+
837
+ .md-tide-height-full {height: 100%;}
838
+
839
+ /* Backgrounds */
840
+ .md-tide-transparent-100 {background-color: var(--tide-transparent-100);}
841
+ .md-tide-transparent-200 {background-color: var(--tide-transparent-200);}
842
+ .md-tide-transparent-300 {background-color: var(--tide-transparent-300);}
843
+ .md-tide-transparent-400 {background-color: var(--tide-transparent-400);}
844
+
845
+ /* Font Size */
846
+ .md-tide-font-10 {font-size: var(--tide-font-10);}
847
+ .md-tide-font-12 {font-size: var(--tide-font-12);}
848
+ .md-tide-font-14 {font-size: var(--tide-font-14);}
849
+ .md-tide-font-16 {font-size: var(--tide-font-16);}
850
+ .md-tide-font-20 {font-size: var(--tide-font-20);}
851
+ .md-tide-font-24 {font-size: var(--tide-font-24);}
852
+ .md-tide-font-32 {font-size: var(--tide-font-32);}
853
+
854
+ /* Font Weight */
855
+ .md-tide-font-400 {font-weight: 400;}
856
+ .md-tide-font-500 {font-weight: 500;}
857
+ .md-tide-font-600 {font-weight: 600;}
858
+ .md-tide-font-700 {font-weight: 700;}
859
+
860
+ /* Misc */
861
+ .md-tide-align-middle {vertical-align: middle;}
862
+
863
+ .md-tide-bg-blur {backdrop-filter: blur(8px);}
864
+
865
+ .md-tide-break-word {overflow-wrap: break-word;}
866
+
867
+ .md-tide-columns-1 {column-count: 1;}
868
+ .md-tide-columns-2 {column-count: 2;}
869
+ .md-tide-columns-3 {column-count: 3;}
870
+ .md-tide-columns-4 {column-count: 4;}
871
+
872
+ .md-tide-cursor-not-allowed {cursor: not-allowed;}
873
+ .md-tide-cursor-pointer {cursor: pointer;}
874
+ .md-tide-cursor-text {cursor: text;}
875
+
876
+ .md-tide-isolate {isolation: isolate;}
877
+
878
+ .md-tide-leading-default {line-height: 100%;}
879
+ .md-tide-leading-normal {line-height: normal;}
880
+
881
+ .md-tide-list-none {list-style-type: none;}
882
+
883
+ .md-tide-object-center {object-position: center;}
884
+
885
+ .md-tide-object-cover {object-fit: cover;}
886
+ .md-tide-object-contain {object-fit: contain;}
887
+ .md-tide-object-scale-down {object-fit: scale-down;}
888
+
889
+ .md-tide-opacity {opacity: 1;}
890
+ .md-tide-opacity-none {opacity: 0;}
891
+
892
+ .md-tide-pointer-events {pointer-events: auto;}
893
+ .md-tide-pointer-events-none {pointer-events: none;}
894
+
895
+ .md-tide-scrollbar-none::-webkit-scrollbar {display: none;}
896
+ .md-tide-scrollbar-none {
897
+ -ms-overflow-style: none;
898
+ scrollbar-width: none;
899
+ }
900
+
901
+ .md-tide-scroll-snap {
902
+ scroll-snap-stop: always;
903
+ scroll-snap-type: both mandatory;
904
+ scroll-behavior: smooth;
905
+ }
906
+
907
+ .md-tide-scroll-snap-start {
908
+ scroll-snap-align: start;
909
+ }
910
+
911
+ .md-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
912
+ .md-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
913
+
914
+ .md-tide-text-center {text-align: center;}
915
+ .md-tide-text-left {text-align: left;}
916
+ .md-tide-text-right {text-align: right;}
917
+
918
+ .md-tide-text-transform-lower {text-transform: lowercase;}
919
+ .md-tide-text-transform-none {text-transform: none;}
920
+ .md-tide-text-transform-upper {text-transform: uppercase;}
921
+
922
+ .md-tide-underline,
923
+ .md-tide-underline:hover,
924
+ .md-tide-underline-hover:hover {
925
+ text-decoration: underline;
926
+ }
927
+
928
+ .md-tide-underline-none,
929
+ .md-tide-underline-none:hover,
930
+ .md-tide-underline-hover {
931
+ text-decoration: none;
932
+ }
933
+
934
+ .md-tide-visible {visibility: visible;}
935
+ .md-tide-visible-none {visibility: hidden;}
936
+
937
+ .md-tide-whitespace-nowrap {white-space: nowrap;}
938
+
939
+ .md-tide-x-auto {overflow-x: auto;}
940
+ .md-tide-x-hidden {overflow-x: hidden;}
941
+ .md-tide-x-scroll {overflow-x: scroll;}
942
+
943
+ .md-tide-xy-auto {overflow: auto;}
944
+ .md-tide-xy-hidden {overflow: hidden;}
945
+
946
+ .md-tide-y-auto {overflow-y: auto;}
947
+ .md-tide-y-hidden {overflow-y: hidden;}
948
+ }
949
+
950
+ /* Large breakpoint */
951
+ @media (min-width: 1232px) {
952
+ /* Position */
953
+ .lg-tide-position-absolute {position: absolute;}
954
+ .lg-tide-position-fixed {position: fixed;}
955
+ .lg-tide-position-relative {position: relative;}
956
+ .lg-tide-position-sticky {position: sticky;}
957
+
958
+ .lg-tide-top-0 {top: 0;}
959
+ .lg-tide-right-0 {right: 0;}
960
+ .lg-tide-bottom-0 {bottom: 0;}
961
+ .lg-tide-left-0 {left: 0;}
962
+
963
+ /* Display */
964
+ .lg-tide-display-block {display: block;}
965
+ .lg-tide-display-contents {display: contents;}
966
+ .lg-tide-display-flex {display: flex;}
967
+ .lg-tide-display-grid {display: grid;}
968
+ .lg-tide-display-initial {display: initial;}
969
+ .lg-tide-display-inline {display: inline;}
970
+ .lg-tide-display-inline-block {display: inline-block;}
971
+ .lg-tide-display-inline-flex {display: inline-flex;}
972
+ .lg-tide-display-none {display: none;}
973
+
974
+ /* Flex Box */
975
+ .lg-tide-flex-column {flex-direction: column;}
976
+ .lg-tide-flex-column-reverse {flex-direction: column-reverse;}
977
+ .lg-tide-flex-row {flex-direction: row;}
978
+ .lg-tide-flex-row-reverse {flex-direction: row-reverse;}
979
+
980
+ .lg-tide-grow {flex-grow: 1;}
981
+ .lg-tide-grow-none {flex-grow: 0;}
982
+
983
+ .lg-tide-shrink {flex-shrink: 1;}
984
+ .lg-tide-shrink-none {flex-shrink: 0;}
985
+
986
+ .lg-tide-flex-wrap {flex-wrap: wrap;}
987
+
988
+ .lg-tide-axis1-around {justify-content: space-around;}
989
+ .lg-tide-axis1-between {justify-content: space-between;}
990
+ .lg-tide-axis1-center {justify-content: center;}
991
+ .lg-tide-axis1-end {justify-content: end;}
992
+
993
+ .lg-tide-axis2-around {align-items: space-around;}
994
+ .lg-tide-axis2-center {align-items: center;}
995
+ .lg-tide-axis2-end {align-items: flex-end;}
996
+ .lg-tide-axis2-start {align-items: flex-start;}
997
+ .lg-tide-axis2-stretch {align-items: stretch;}
998
+
999
+ .lg-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
1000
+ .lg-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
1001
+ .lg-tide-gap-1 {gap: var(--tide-spacing-1);}
1002
+ .lg-tide-gap-2 {gap: var(--tide-spacing-2);}
1003
+ .lg-tide-gap-4 {gap: var(--tide-spacing-4);}
1004
+
1005
+ /* Box Sizing */
1006
+ .lg-tide-box-border {box-sizing: border-box;}
1007
+ .lg-tide-box-content {box-sizing: content-box;}
1008
+
1009
+ /* Margin */
1010
+ .lg-tide-margin-0 {margin: 0;}
1011
+ .lg-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
1012
+ .lg-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
1013
+ .lg-tide-margin-1 {margin: var(--tide-spacing-1);}
1014
+ .lg-tide-margin-2 {margin: var(--tide-spacing-2);}
1015
+ .lg-tide-margin-4 {margin: var(--tide-spacing-4);}
1016
+
1017
+ .lg-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
1018
+ .lg-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
1019
+ .lg-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
1020
+ .lg-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
1021
+ .lg-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
1022
+ .lg-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
1023
+ .lg-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
1024
+
1025
+ .lg-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
1026
+ .lg-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
1027
+ .lg-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
1028
+ .lg-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
1029
+ .lg-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
1030
+ .lg-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
1031
+
1032
+ .lg-tide-margin-top-0 {margin-top: 0;}
1033
+ .lg-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
1034
+ .lg-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
1035
+ .lg-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
1036
+ .lg-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
1037
+ .lg-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
1038
+
1039
+ .lg-tide-margin-right-0 {margin-right: 0;}
1040
+ .lg-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
1041
+ .lg-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
1042
+ .lg-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
1043
+ .lg-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
1044
+ .lg-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
1045
+ .lg-tide-margin-right-auto {margin-right: auto;}
1046
+
1047
+ .lg-tide-margin-bottom-0 {margin-bottom: 0;}
1048
+ .lg-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
1049
+ .lg-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
1050
+ .lg-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
1051
+ .lg-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
1052
+ .lg-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
1053
+
1054
+ .lg-tide-margin-left-0 {margin-left: 0;}
1055
+ .lg-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
1056
+ .lg-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
1057
+ .lg-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
1058
+ .lg-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
1059
+ .lg-tide-margin-left-auto {margin-left: auto;}
1060
+
1061
+ /* Border */
1062
+ .lg-tide-border-1,
1063
+ .lg-tide-border-2,
1064
+ .lg-tide-border-bottom-1,
1065
+ .lg-tide-border-bottom-2,
1066
+ .lg-tide-border-left-1,
1067
+ .lg-tide-border-left-2,
1068
+ .lg-tide-border-right-1,
1069
+ .lg-tide-border-right-2,
1070
+ .lg-tide-border-top-1,
1071
+ .lg-tide-border-top-2 {
1072
+ border-style: solid;
1073
+ }
1074
+
1075
+ .lg-tide-border-1 {border-width: var(--tide-border-width-1);}
1076
+ .lg-tide-border-2 {border-width: var(--tide-border-width-2);}
1077
+
1078
+ .lg-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
1079
+ .lg-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
1080
+ .lg-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
1081
+ .lg-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
1082
+
1083
+ .lg-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
1084
+ .lg-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
1085
+ .lg-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
1086
+ .lg-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
1087
+
1088
+ .lg-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
1089
+ .lg-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
1090
+ .lg-tide-radius-1 {border-radius: var(--tide-radius-1);}
1091
+ .lg-tide-radius-full {border-radius: var(--tide-radius-full);}
1092
+
1093
+ /* Padding */
1094
+ .lg-tide-padding-0 {padding: 0;}
1095
+ .lg-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
1096
+ .lg-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
1097
+ .lg-tide-padding-1 {padding: var(--tide-spacing-1);}
1098
+ .lg-tide-padding-2 {padding: var(--tide-spacing-2);}
1099
+ .lg-tide-padding-4 {padding: var(--tide-spacing-4);}
1100
+
1101
+ .lg-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
1102
+ .lg-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
1103
+ .lg-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
1104
+ .lg-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
1105
+ .lg-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
1106
+ .lg-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
1107
+
1108
+ .lg-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
1109
+ .lg-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
1110
+ .lg-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
1111
+ .lg-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
1112
+ .lg-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
1113
+ .lg-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
1114
+
1115
+ .lg-tide-padding-top-0 {padding-top: 0;}
1116
+ .lg-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
1117
+ .lg-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
1118
+ .lg-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
1119
+ .lg-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
1120
+ .lg-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
1121
+
1122
+ .lg-tide-padding-right-0 {padding-right: 0;}
1123
+ .lg-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
1124
+ .lg-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
1125
+ .lg-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
1126
+ .lg-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
1127
+ .lg-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
1128
+
1129
+ .lg-tide-padding-bottom-0 {padding-bottom: 0;}
1130
+ .lg-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
1131
+ .lg-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
1132
+ .lg-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
1133
+ .lg-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
1134
+ .lg-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
1135
+
1136
+ .lg-tide-padding-left-0 {padding-left: 0;}
1137
+ .lg-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
1138
+ .lg-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
1139
+ .lg-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
1140
+ .lg-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
1141
+ .lg-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
1142
+
1143
+ /* Dimension */
1144
+ .lg-tide-max-width-full {max-width: 100%;}
1145
+ .lg-tide-min-width-0 {min-width: 0;}
1146
+
1147
+ .lg-tide-max-height-full {max-height: 100%;}
1148
+ .lg-tide-min-height-0 {min-height: 0;}
1149
+
1150
+ .lg-tide-width-container {max-width: 1168px;}
1151
+
1152
+ .lg-tide-width-full {width: 100%;}
1153
+
1154
+ .lg-tide-height-full {height: 100%;}
1155
+
1156
+ /* Backgrounds */
1157
+ .lg-tide-transparent-100 {background-color: var(--tide-transparent-100);}
1158
+ .lg-tide-transparent-200 {background-color: var(--tide-transparent-200);}
1159
+ .lg-tide-transparent-300 {background-color: var(--tide-transparent-300);}
1160
+ .lg-tide-transparent-400 {background-color: var(--tide-transparent-400);}
1161
+
1162
+ /* Font Size */
1163
+ .lg-tide-font-10 {font-size: var(--tide-font-10);}
1164
+ .lg-tide-font-12 {font-size: var(--tide-font-12);}
1165
+ .lg-tide-font-14 {font-size: var(--tide-font-14);}
1166
+ .lg-tide-font-16 {font-size: var(--tide-font-16);}
1167
+ .lg-tide-font-20 {font-size: var(--tide-font-20);}
1168
+ .lg-tide-font-24 {font-size: var(--tide-font-24);}
1169
+ .lg-tide-font-32 {font-size: var(--tide-font-32);}
1170
+
1171
+ /* Font Weight */
1172
+ .lg-tide-font-400 {font-weight: 400;}
1173
+ .lg-tide-font-500 {font-weight: 500;}
1174
+ .lg-tide-font-600 {font-weight: 600;}
1175
+ .lg-tide-font-700 {font-weight: 700;}
1176
+
1177
+ /* Misc */
1178
+ .lg-tide-align-middle {vertical-align: middle;}
1179
+
1180
+ .lg-tide-bg-blur {backdrop-filter: blur(8px);}
1181
+
1182
+ .lg-tide-break-word {overflow-wrap: break-word;}
1183
+
1184
+ .lg-tide-columns-1 {column-count: 1;}
1185
+ .lg-tide-columns-2 {column-count: 2;}
1186
+ .lg-tide-columns-3 {column-count: 3;}
1187
+ .lg-tide-columns-4 {column-count: 4;}
1188
+
1189
+ .lg-tide-cursor-not-allowed {cursor: not-allowed;}
1190
+ .lg-tide-cursor-pointer {cursor: pointer;}
1191
+ .lg-tide-cursor-text {cursor: text;}
1192
+
1193
+ .lg-tide-isolate {isolation: isolate;}
1194
+
1195
+ .lg-tide-leading-default {line-height: 100%;}
1196
+ .lg-tide-leading-normal {line-height: normal;}
1197
+
1198
+ .lg-tide-list-none {list-style-type: none;}
1199
+
1200
+ .lg-tide-object-center {object-position: center;}
1201
+
1202
+ .lg-tide-object-cover {object-fit: cover;}
1203
+ .lg-tide-object-contain {object-fit: contain;}
1204
+ .lg-tide-object-scale-down {object-fit: scale-down;}
1205
+
1206
+ .lg-tide-opacity {opacity: 1;}
1207
+ .lg-tide-opacity-none {opacity: 0;}
1208
+
1209
+ .lg-tide-pointer-events {pointer-events: auto;}
1210
+ .lg-tide-pointer-events-none {pointer-events: none;}
1211
+
1212
+ .lg-tide-scrollbar-none::-webkit-scrollbar {display: none;}
1213
+ .lg-tide-scrollbar-none {
1214
+ -ms-overflow-style: none;
1215
+ scrollbar-width: none;
1216
+ }
1217
+
1218
+ .lg-tide-scroll-snap {
1219
+ scroll-snap-stop: always;
1220
+ scroll-snap-type: both mandatory;
1221
+ scroll-behavior: smooth;
1222
+ }
1223
+
1224
+ .lg-tide-scroll-snap-start {
1225
+ scroll-snap-align: start;
1226
+ }
1227
+
1228
+ .lg-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
1229
+ .lg-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
1230
+
1231
+ .lg-tide-text-center {text-align: center;}
1232
+ .lg-tide-text-left {text-align: left;}
1233
+ .lg-tide-text-right {text-align: right;}
1234
+
1235
+ .lg-tide-text-transform-lower {text-transform: lowercase;}
1236
+ .lg-tide-text-transform-none {text-transform: none;}
1237
+ .lg-tide-text-transform-upper {text-transform: uppercase;}
1238
+
1239
+ .lg-tide-underline,
1240
+ .lg-tide-underline:hover,
1241
+ .lg-tide-underline-hover:hover {
1242
+ text-decoration: underline;
1243
+ }
1244
+
1245
+ .lg-tide-underline-none,
1246
+ .lg-tide-underline-none:hover,
1247
+ .lg-tide-underline-hover {
1248
+ text-decoration: none;
1249
+ }
1250
+
1251
+ .lg-tide-visible {visibility: visible;}
1252
+ .lg-tide-visible-none {visibility: hidden;}
1253
+
1254
+ .lg-tide-whitespace-nowrap {white-space: nowrap;}
1255
+
1256
+ .lg-tide-x-auto {overflow-x: auto;}
1257
+ .lg-tide-x-hidden {overflow-x: hidden;}
1258
+ .lg-tide-x-scroll {overflow-x: scroll;}
1259
+
1260
+ .lg-tide-xy-auto {overflow: auto;}
1261
+ .lg-tide-xy-hidden {overflow: hidden;}
1262
+
1263
+ .lg-tide-y-auto {overflow-y: auto;}
1264
+ .lg-tide-y-hidden {overflow-y: hidden;}
1265
+ }
1266
+
1267
+ /* Large breakpoint */
1268
+ @media (min-width: 1920px) {
1269
+ /* Position */
1270
+ .xl-tide-position-absolute {position: absolute;}
1271
+ .xl-tide-position-fixed {position: fixed;}
1272
+ .xl-tide-position-relative {position: relative;}
1273
+ .xl-tide-position-sticky {position: sticky;}
1274
+
1275
+ .xl-tide-top-0 {top: 0;}
1276
+ .xl-tide-right-0 {right: 0;}
1277
+ .xl-tide-bottom-0 {bottom: 0;}
1278
+ .xl-tide-left-0 {left: 0;}
1279
+
1280
+ /* Display */
1281
+ .xl-tide-display-block {display: block;}
1282
+ .xl-tide-display-contents {display: contents;}
1283
+ .xl-tide-display-flex {display: flex;}
1284
+ .xl-tide-display-grid {display: grid;}
1285
+ .xl-tide-display-initial {display: initial;}
1286
+ .xl-tide-display-inline {display: inline;}
1287
+ .xl-tide-display-inline-block {display: inline-block;}
1288
+ .xl-tide-display-inline-flex {display: inline-flex;}
1289
+ .xl-tide-display-none {display: none;}
1290
+
1291
+ /* Flex Box */
1292
+ .xl-tide-flex-column {flex-direction: column;}
1293
+ .xl-tide-flex-column-reverse {flex-direction: column-reverse;}
1294
+ .xl-tide-flex-row {flex-direction: row;}
1295
+ .xl-tide-flex-row-reverse {flex-direction: row-reverse;}
1296
+
1297
+ .xl-tide-grow {flex-grow: 1;}
1298
+ .xl-tide-grow-none {flex-grow: 0;}
1299
+
1300
+ .xl-tide-shrink {flex-shrink: 1;}
1301
+ .xl-tide-shrink-none {flex-shrink: 0;}
1302
+
1303
+ .xl-tide-flex-wrap {flex-wrap: wrap;}
1304
+
1305
+ .xl-tide-axis1-around {justify-content: space-around;}
1306
+ .xl-tide-axis1-between {justify-content: space-between;}
1307
+ .xl-tide-axis1-center {justify-content: center;}
1308
+ .xl-tide-axis1-end {justify-content: end;}
1309
+
1310
+ .xl-tide-axis2-around {align-items: space-around;}
1311
+ .xl-tide-axis2-center {align-items: center;}
1312
+ .xl-tide-axis2-end {align-items: flex-end;}
1313
+ .xl-tide-axis2-start {align-items: flex-start;}
1314
+ .xl-tide-axis2-stretch {align-items: stretch;}
1315
+
1316
+ .xl-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
1317
+ .xl-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
1318
+ .xl-tide-gap-1 {gap: var(--tide-spacing-1);}
1319
+ .xl-tide-gap-2 {gap: var(--tide-spacing-2);}
1320
+ .xl-tide-gap-4 {gap: var(--tide-spacing-4);}
1321
+
1322
+ /* Box Sizing */
1323
+ .xl-tide-box-border {box-sizing: border-box;}
1324
+ .xl-tide-box-content {box-sizing: content-box;}
1325
+
1326
+ /* Margin */
1327
+ .xl-tide-margin-0 {margin: 0;}
1328
+ .xl-tide-margin-1\/4 {margin: var(--tide-spacing-1\/4);}
1329
+ .xl-tide-margin-1\/2 {margin: var(--tide-spacing-1\/2);}
1330
+ .xl-tide-margin-1 {margin: var(--tide-spacing-1);}
1331
+ .xl-tide-margin-2 {margin: var(--tide-spacing-2);}
1332
+ .xl-tide-margin-4 {margin: var(--tide-spacing-4);}
1333
+
1334
+ .xl-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
1335
+ .xl-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
1336
+ .xl-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
1337
+ .xl-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
1338
+ .xl-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
1339
+ .xl-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
1340
+ .xl-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
1341
+
1342
+ .xl-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
1343
+ .xl-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
1344
+ .xl-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
1345
+ .xl-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
1346
+ .xl-tide-margin-y-2 {margin-top: var(--tide-spacing-2); margin-bottom: var(--tide-spacing-2);}
1347
+ .xl-tide-margin-y-4 {margin-top: var(--tide-spacing-4); margin-bottom: var(--tide-spacing-4);}
1348
+
1349
+ .xl-tide-margin-top-0 {margin-top: 0;}
1350
+ .xl-tide-margin-top-1\/4 {margin-top: var(--tide-spacing-1\/4);}
1351
+ .xl-tide-margin-top-1\/2 {margin-top: var(--tide-spacing-1\/2);}
1352
+ .xl-tide-margin-top-1 {margin-top: var(--tide-spacing-1);}
1353
+ .xl-tide-margin-top-2 {margin-top: var(--tide-spacing-2);}
1354
+ .xl-tide-margin-top-4 {margin-top: var(--tide-spacing-4);}
1355
+
1356
+ .xl-tide-margin-right-0 {margin-right: 0;}
1357
+ .xl-tide-margin-right-1\/4 {margin-right: var(--tide-spacing-1\/4);}
1358
+ .xl-tide-margin-right-1\/2 {margin-right: var(--tide-spacing-1\/2);}
1359
+ .xl-tide-margin-right-1 {margin-right: var(--tide-spacing-1);}
1360
+ .xl-tide-margin-right-2 {margin-right: var(--tide-spacing-2);}
1361
+ .xl-tide-margin-right-4 {margin-right: var(--tide-spacing-4);}
1362
+ .xl-tide-margin-right-auto {margin-right: auto;}
1363
+
1364
+ .xl-tide-margin-bottom-0 {margin-bottom: 0;}
1365
+ .xl-tide-margin-bottom-1\/4 {margin-bottom: var(--tide-spacing-1\/4);}
1366
+ .xl-tide-margin-bottom-1\/2 {margin-bottom: var(--tide-spacing-1\/2);}
1367
+ .xl-tide-margin-bottom-1 {margin-bottom: var(--tide-spacing-1);}
1368
+ .xl-tide-margin-bottom-2 {margin-bottom: var(--tide-spacing-2);}
1369
+ .xl-tide-margin-bottom-4 {margin-bottom: var(--tide-spacing-4);}
1370
+
1371
+ .xl-tide-margin-left-0 {margin-left: 0;}
1372
+ .xl-tide-margin-left-1\/2 {margin-left: var(--tide-spacing-1\/2);}
1373
+ .xl-tide-margin-left-1 {margin-left: var(--tide-spacing-1);}
1374
+ .xl-tide-margin-left-2 {margin-left: var(--tide-spacing-2);}
1375
+ .xl-tide-margin-left-4 {margin-left: var(--tide-spacing-4);}
1376
+ .xl-tide-margin-left-auto {margin-left: auto;}
1377
+
1378
+ /* Border */
1379
+ .xl-tide-border-1,
1380
+ .xl-tide-border-2,
1381
+ .xl-tide-border-bottom-1,
1382
+ .xl-tide-border-bottom-2,
1383
+ .xl-tide-border-left-1,
1384
+ .xl-tide-border-left-2,
1385
+ .xl-tide-border-right-1,
1386
+ .xl-tide-border-right-2,
1387
+ .xl-tide-border-top-1,
1388
+ .xl-tide-border-top-2 {
1389
+ border-style: solid;
1390
+ }
1391
+
1392
+ .xl-tide-border-1 {border-width: var(--tide-border-width-1);}
1393
+ .xl-tide-border-2 {border-width: var(--tide-border-width-2);}
1394
+
1395
+ .xl-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
1396
+ .xl-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
1397
+ .xl-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
1398
+ .xl-tide-border-left-1 {border-left-width: var(--tide-border-width-1);}
1399
+
1400
+ .xl-tide-border-top-2 {border-top-width: var(--tide-border-width-2);}
1401
+ .xl-tide-border-right-2 {border-right-width: var(--tide-border-width-2);}
1402
+ .xl-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
1403
+ .xl-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
1404
+
1405
+ .xl-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
1406
+ .xl-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
1407
+ .xl-tide-radius-1 {border-radius: var(--tide-radius-1);}
1408
+ .xl-tide-radius-full {border-radius: var(--tide-radius-full);}
1409
+
1410
+ /* Padding */
1411
+ .xl-tide-padding-0 {padding: 0;}
1412
+ .xl-tide-padding-1\/4 {padding: var(--tide-spacing-1\/4);}
1413
+ .xl-tide-padding-1\/2 {padding: var(--tide-spacing-1\/2);}
1414
+ .xl-tide-padding-1 {padding: var(--tide-spacing-1);}
1415
+ .xl-tide-padding-2 {padding: var(--tide-spacing-2);}
1416
+ .xl-tide-padding-4 {padding: var(--tide-spacing-4);}
1417
+
1418
+ .xl-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
1419
+ .xl-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
1420
+ .xl-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
1421
+ .xl-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
1422
+ .xl-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
1423
+ .xl-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
1424
+
1425
+ .xl-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
1426
+ .xl-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
1427
+ .xl-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
1428
+ .xl-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
1429
+ .xl-tide-padding-y-2 {padding-top: var(--tide-spacing-2); padding-bottom: var(--tide-spacing-2);}
1430
+ .xl-tide-padding-y-4 {padding-top: var(--tide-spacing-4); padding-bottom: var(--tide-spacing-4);}
1431
+
1432
+ .xl-tide-padding-top-0 {padding-top: 0;}
1433
+ .xl-tide-padding-top-1\/4 {padding-top: var(--tide-spacing-1\/4);}
1434
+ .xl-tide-padding-top-1\/2 {padding-top: var(--tide-spacing-1\/2);}
1435
+ .xl-tide-padding-top-1 {padding-top: var(--tide-spacing-1);}
1436
+ .xl-tide-padding-top-2 {padding-top: var(--tide-spacing-2);}
1437
+ .xl-tide-padding-top-4 {padding-top: var(--tide-spacing-4);}
1438
+
1439
+ .xl-tide-padding-right-0 {padding-right: 0;}
1440
+ .xl-tide-padding-right-1\/4 {padding-right: var(--tide-spacing-1\/4);}
1441
+ .xl-tide-padding-right-1\/2 {padding-right: var(--tide-spacing-1\/2);}
1442
+ .xl-tide-padding-right-1 {padding-right: var(--tide-spacing-1);}
1443
+ .xl-tide-padding-right-2 {padding-right: var(--tide-spacing-2);}
1444
+ .xl-tide-padding-right-4 {padding-right: var(--tide-spacing-4);}
1445
+
1446
+ .xl-tide-padding-bottom-0 {padding-bottom: 0;}
1447
+ .xl-tide-padding-bottom-1\/4 {padding-bottom: var(--tide-spacing-1\/4);}
1448
+ .xl-tide-padding-bottom-1\/2 {padding-bottom: var(--tide-spacing-1\/2);}
1449
+ .xl-tide-padding-bottom-1 {padding-bottom: var(--tide-spacing-1);}
1450
+ .xl-tide-padding-bottom-2 {padding-bottom: var(--tide-spacing-2);}
1451
+ .xl-tide-padding-bottom-4 {padding-bottom: var(--tide-spacing-4);}
1452
+
1453
+ .xl-tide-padding-left-0 {padding-left: 0;}
1454
+ .xl-tide-padding-left-1\/4 {padding-left: var(--tide-spacing-1\/4);}
1455
+ .xl-tide-padding-left-1\/2 {padding-left: var(--tide-spacing-1\/2);}
1456
+ .xl-tide-padding-left-1 {padding-left: var(--tide-spacing-1);}
1457
+ .xl-tide-padding-left-2 {padding-left: var(--tide-spacing-2);}
1458
+ .xl-tide-padding-left-4 {padding-left: var(--tide-spacing-4);}
1459
+
1460
+ /* Dimension */
1461
+ .xl-tide-max-width-full {max-width: 100%;}
1462
+ .xl-tide-min-width-0 {min-width: 0;}
1463
+
1464
+ .xl-tide-max-height-full {max-height: 100%;}
1465
+ .xl-tide-min-height-0 {min-height: 0;}
1466
+
1467
+ .xl-tide-width-container {max-width: 1168px;}
1468
+
1469
+ .xl-tide-width-full {width: 100%;}
1470
+
1471
+ .xl-tide-height-full {height: 100%;}
1472
+
1473
+ /* Backgrounds */
1474
+ .xl-tide-transparent-100 {background-color: var(--tide-transparent-100);}
1475
+ .xl-tide-transparent-200 {background-color: var(--tide-transparent-200);}
1476
+ .xl-tide-transparent-300 {background-color: var(--tide-transparent-300);}
1477
+ .xl-tide-transparent-400 {background-color: var(--tide-transparent-400);}
1478
+
1479
+ /* Font Size */
1480
+ .xl-tide-font-10 {font-size: var(--tide-font-10);}
1481
+ .xl-tide-font-12 {font-size: var(--tide-font-12);}
1482
+ .xl-tide-font-14 {font-size: var(--tide-font-14);}
1483
+ .xl-tide-font-16 {font-size: var(--tide-font-16);}
1484
+ .xl-tide-font-20 {font-size: var(--tide-font-20);}
1485
+ .xl-tide-font-24 {font-size: var(--tide-font-24);}
1486
+ .xl-tide-font-32 {font-size: var(--tide-font-32);}
1487
+
1488
+ /* Font Weight */
1489
+ .xl-tide-font-400 {font-weight: 400;}
1490
+ .xl-tide-font-500 {font-weight: 500;}
1491
+ .xl-tide-font-600 {font-weight: 600;}
1492
+ .xl-tide-font-700 {font-weight: 700;}
1493
+
1494
+ /* Misc */
1495
+ .xl-tide-align-middle {vertical-align: middle;}
1496
+
1497
+ .xl-tide-bg-blur {backdrop-filter: blur(8px);}
1498
+
1499
+ .xl-tide-break-word {overflow-wrap: break-word;}
1500
+
1501
+ .xl-tide-columns-1 {column-count: 1;}
1502
+ .xl-tide-columns-2 {column-count: 2;}
1503
+ .xl-tide-columns-3 {column-count: 3;}
1504
+ .xl-tide-columns-4 {column-count: 4;}
1505
+
1506
+ .xl-tide-cursor-not-allowed {cursor: not-allowed;}
1507
+ .xl-tide-cursor-pointer {cursor: pointer;}
1508
+ .xl-tide-cursor-text {cursor: text;}
1509
+
1510
+ .xl-tide-isolate {isolation: isolate;}
1511
+
1512
+ .xl-tide-leading-default {line-height: 100%;}
1513
+ .xl-tide-leading-normal {line-height: normal;}
1514
+
1515
+ .xl-tide-list-none {list-style-type: none;}
1516
+
1517
+ .xl-tide-object-center {object-position: center;}
1518
+
1519
+ .xl-tide-object-cover {object-fit: cover;}
1520
+ .xl-tide-object-contain {object-fit: contain;}
1521
+ .xl-tide-object-scale-down {object-fit: scale-down;}
1522
+
1523
+ .xl-tide-opacity {opacity: 1;}
1524
+ .xl-tide-opacity-none {opacity: 0;}
1525
+
1526
+ .xl-tide-pointer-events {pointer-events: auto;}
1527
+ .xl-tide-pointer-events-none {pointer-events: none;}
1528
+
1529
+ .xl-tide-scrollbar-none::-webkit-scrollbar {display: none;}
1530
+ .xl-tide-scrollbar-none {
1531
+ -ms-overflow-style: none;
1532
+ scrollbar-width: none;
1533
+ }
1534
+
1535
+ .xl-tide-scroll-snap {
1536
+ scroll-snap-stop: always;
1537
+ scroll-snap-type: both mandatory;
1538
+ scroll-behavior: smooth;
1539
+ }
1540
+
1541
+ .xl-tide-scroll-snap-start {
1542
+ scroll-snap-align: start;
1543
+ }
1544
+
1545
+ .xl-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
1546
+ .xl-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
1547
+
1548
+ .xl-tide-text-center {text-align: center;}
1549
+ .xl-tide-text-left {text-align: left;}
1550
+ .xl-tide-text-right {text-align: right;}
1551
+
1552
+ .xl-tide-text-transform-lower {text-transform: lowercase;}
1553
+ .xl-tide-text-transform-none {text-transform: none;}
1554
+ .xl-tide-text-transform-upper {text-transform: uppercase;}
1555
+
1556
+ .xl-tide-underline,
1557
+ .xl-tide-underline:hover,
1558
+ .xl-tide-underline-hover:hover {
1559
+ text-decoration: underline;
1560
+ }
1561
+
1562
+ .xl-tide-underline-none,
1563
+ .xl-tide-underline-none:hover,
1564
+ .xl-tide-underline-hover {
1565
+ text-decoration: none;
1566
+ }
1567
+
1568
+ .xl-tide-visible {visibility: visible;}
1569
+ .xl-tide-visible-none {visibility: hidden;}
1570
+
1571
+ .xl-tide-whitespace-nowrap {white-space: nowrap;}
1572
+
1573
+ .xl-tide-x-auto {overflow-x: auto;}
1574
+ .xl-tide-x-hidden {overflow-x: hidden;}
1575
+ .xl-tide-x-scroll {overflow-x: scroll;}
1576
+
1577
+ .xl-tide-xy-auto {overflow: auto;}
1578
+ .xl-tide-xy-hidden {overflow: hidden;}
1579
+
1580
+ .xl-tide-y-auto {overflow-y: auto;}
1581
+ .xl-tide-y-hidden {overflow-y: hidden;}
1582
+ }