@rolster/styles-foundations 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/rolster-styles.css +2763 -0
  2. package/dist/{styles.min.css → rolster-styles.min.css} +1 -1
  3. package/dist/rolster-styles.rtl.css +2763 -0
  4. package/dist/{styles.rtl.min.css → rolster-styles.rtl.min.css} +1 -1
  5. package/package.json +33 -32
  6. package/readme.md +13 -13
  7. package/scss/_rolster-components.scss +61 -9
  8. package/scss/_rolster-foundations.scss +13 -13
  9. package/scss/{styles.scss → _rolster-styles.scss} +10 -10
  10. package/scss/_rolster-utilities.scss +13 -13
  11. package/scss/components/_app.scss +11 -10
  12. package/scss/components/_box-field.scss +32 -35
  13. package/scss/components/_data-table.scss +263 -0
  14. package/scss/components/_form.scss +30 -0
  15. package/scss/components/_list-field.scss +253 -0
  16. package/scss/foundations/_themes-foundations.scss +103 -103
  17. package/scss/utilities/_colors-utilities.scss +54 -54
  18. package/scss/utilities/_layout-utilities.scss +314 -314
  19. package/scss/utilities/_normalize-utilities.scss +2 -2
  20. package/scss/utilities/_themes-utilities.scss +42 -42
  21. package/scss/utilities/_typographics-utilities.scss +87 -359
  22. package/dist/styles.css +0 -1924
  23. package/dist/styles.rtl.css +0 -1924
  24. package/fonts/fabric/_fabric.-settings.scss +0 -66
  25. package/fonts/fabric/_fabric.scss +0 -69
  26. package/fonts/fabric/fabric-bold.otf +0 -0
  27. package/fonts/fabric/fabric-light.otf +0 -0
  28. package/fonts/fabric/fabric-regular.otf +0 -0
  29. package/fonts/fabric/fabric-semibold.otf +0 -0
  30. package/fonts/fabric/fabric.css +0 -122
  31. package/fonts/mona-sans/_mona-sans-settings.scss +0 -62
  32. package/fonts/mona-sans/_mona-sans.scss +0 -69
  33. package/fonts/mona-sans/mona-sans-bold.woff +0 -0
  34. package/fonts/mona-sans/mona-sans-light.woff +0 -0
  35. package/fonts/mona-sans/mona-sans-medium.woff +0 -0
  36. package/fonts/mona-sans/mona-sans-regular.woff +0 -0
  37. package/fonts/mona-sans/mona-sans-semibold.woff +0 -0
  38. package/fonts/mona-sans/mona-sans.css +0 -118
  39. package/fonts/poppins/_poppins-settings.scss +0 -62
  40. package/fonts/poppins/_poppins.scss +0 -69
  41. package/fonts/poppins/poppins-bold.woff2 +0 -0
  42. package/fonts/poppins/poppins-light.woff2 +0 -0
  43. package/fonts/poppins/poppins-medium.woff2 +0 -0
  44. package/fonts/poppins/poppins-regular.woff2 +0 -0
  45. package/fonts/poppins/poppins-semibold.woff2 +0 -0
  46. package/fonts/poppins/poppins.css +0 -118
  47. package/fonts/space-grotesk/_space-grotesk-settings.scss +0 -62
  48. package/fonts/space-grotesk/_space-grotesk.scss +0 -69
  49. package/fonts/space-grotesk/space-grotesk-bold.woff +0 -0
  50. package/fonts/space-grotesk/space-grotesk-light.woff +0 -0
  51. package/fonts/space-grotesk/space-grotesk-medium.woff +0 -0
  52. package/fonts/space-grotesk/space-grotesk-regular.woff +0 -0
  53. package/fonts/space-grotesk/space-grotesk-semibold.woff +0 -0
  54. package/fonts/space-grotesk/space-grotesk.css +0 -118
  55. package/icons/_rolster-settings.scss +0 -763
  56. package/icons/_rolster.scss +0 -18
  57. package/icons/rolster-icons.eot +0 -0
  58. package/icons/rolster-icons.svg +0 -258
  59. package/icons/rolster-icons.ttf +0 -0
  60. package/icons/rolster-icons.woff +0 -0
  61. package/icons/rolster.css +0 -768
package/dist/{styles.rtl.min.css → rolster-styles.rtl.min.css} RENAMED
@@ -1 +1 @@
1
- :root{--standard-curve:cubic-bezier(0.4,0,0.2,1);--deceleration-curve:cubic-bezier(0,0,0.2,1);--acceleration-curve:cubic-bezier(0.4,0,1,1);--sharp-curve:cubic-bezier(0.4,0,0.6,1);--background-dark-500:#252641;--background-dark-300:#343957;--background-dark-100:#484d6b;--background-light-500:#fff;--background-light-300:#eff2fc;--background-light-100:#dddfed;--color-dark-500:#28323d;--color-dark-300:#626f9b;--color-dark-100:#9da5b2;--color-light-500:#fff;--color-light-300:#b9c3e7;--color-light-100:#808dbe;--border-dark-500:#757d8a;--border-dark-300:#c3c7ce;--border-dark-100:#e1e3e6;--border-light-500:#fff;--border-light-300:#b9c3e7;--border-light-100:#808dbe;--color-base-900:#1c3859;--color-base-700:#174f90;--color-base-500:#1461bb;--color-base-300:#76a3d7;--color-base-100:#d9e5f4;--skeleton-base-500:rgba(23,79,144,.5);--skeleton-base-300:rgba(23,79,144,.25);--skeleton-base-100:rgba(23,79,144,.1);--box-shadow-base-500:rgba(20,97,187,.24);--backdrop-base-500:rgba(18,46,79,.8);--gradient-base-500:linear-gradient(180deg,#1461bb,#174f90);--color-success-900:#185046;--color-success-700:#0e7e6a;--color-success-500:#07a287;--color-success-300:#6fc9b9;--color-success-100:#d7f0eb;--skeleton-success-500:rgba(14,126,106,.5);--skeleton-success-300:rgba(14,126,106,.25);--skeleton-success-100:rgba(14,126,106,.1);--box-shadow-success-500:rgba(7,162,135,.24);--backdrop-success-500:rgba(14,70,60,.8);--gradient-success-500:linear-gradient(180deg,#07a287,#0e7e6a);--color-info-900:#1e576e;--color-info-700:#1a8cba;--color-info-500:#18b6f6;--color-info-300:#79d4f9;--color-info-100:#daf3fd;--skeleton-info-500:rgba(26,140,186,.5);--skeleton-info-300:rgba(26,140,186,.25);--skeleton-info-100:rgba(26,140,186,.1);--box-shadow-info-500:rgba(24,182,246,.24);--backdrop-info-500:rgba(20,77,100,.8);--gradient-info-500:linear-gradient(180deg,#18b6f6,#1a8cba);--color-happy-900:#4a2d41;--color-happy-700:#733960;--color-happy-500:#934379;--color-happy-300:#c091b1;--color-happy-100:#ede0e9;--skeleton-happy-500:rgba(115,57,96,.5);--skeleton-happy-300:rgba(115,57,96,.25);--skeleton-happy-100:rgba(115,57,96,.1);--box-shadow-happy-500:rgba(147,67,121,.24);--backdrop-happy-500:rgba(64,35,55,.8);--gradient-happy-500:linear-gradient(180deg,#934379,#733960);--color-warning-900:#705130;--color-warning-700:#be803e;--color-warning-500:#fca549;--color-warning-300:#fdca95;--color-warning-100:#fef0e1;--skeleton-warning-500:rgba(190,128,62,.5);--skeleton-warning-300:rgba(190,128,62,.25);--skeleton-warning-100:rgba(190,128,62,.1);--box-shadow-warning-500:rgba(252,165,73,.24);--backdrop-warning-500:rgba(102,71,38,.8);--gradient-warning-500:linear-gradient(180deg,#fca549,#be803e);--color-danger-900:#6d2b2b;--color-danger-700:#b93434;--color-danger-500:#f43c3c;--color-danger-300:#f88d8d;--color-danger-100:#fddfdf;--skeleton-danger-500:rgba(185,52,52,.5);--skeleton-danger-300:rgba(185,52,52,.25);--skeleton-danger-100:rgba(185,52,52,.1);--box-shadow-danger-500:rgba(244,60,60,.24);--backdrop-danger-500:rgba(99,33,33,.8);--gradient-danger-500:linear-gradient(180deg,#f43c3c,#b93434);--sizing-2:0.125rem;--sizing-4:0.25rem;--sizing-6:0.375rem;--sizing-8:0.5rem;--sizing-12:0.75rem;--sizing-16:1rem;--sizing-20:1.25rem;--sizing-24:1.5rem;--sizing-28:1.75rem;--sizing-32:2rem;--sizing-36:2.25rem;--sizing-40:2.5rem;--sizing-44:2.75rem;--sizing-48:3rem;--sizing-52:3.25rem;--sizing-56:3.5rem;--sizing-60:3.75rem;--sizing-64:4rem;--border-1:1px;--border-2:2px;--border-4:4px}@supports (padding-top:constant(safe-area-inset-top)){:root{--sizing-safe-top:constant(safe-area-inset-top);--sizing-safe-right:constant(safe-area-inset-left);--sizing-safe-bottom:constant(safe-area-inset-bottom);--sizing-safe-left:constant(safe-area-inset-right)}}@supports (padding-top:env(safe-area-inset-top)){:root{--sizing-safe-top:env(safe-area-inset-top);--sizing-safe-right:env(safe-area-inset-left);--sizing-safe-bottom:env(safe-area-inset-bottom);--sizing-safe-left:env(safe-area-inset-right)}}:root{--z-index-2:2;--z-index-4:4;--z-index-6:6;--z-index-8:8;--z-index-12:12;--z-index-16:16;--z-index-24:24;--z-index-32:32;--shadow-1:0px 4px 2px -2px rgba(50,44,47,.02);--shadow-2:0px 4px 8px -2px rgba(50,44,47,.04);--shadow-3:0px 2px 4px -2px rgba(50,44,47,.08);--shadow-4:0px 4px 8px -6px rgba(50,44,47,.03),0px 16px 8px -4px rgba(50,44,47,.03);--shadow-5:0px 8px 24px -4px rgba(50,44,47,.08);--shadow-6:0px 8px 24px -4px rgba(50,44,47,.12);--shadow-bottom-light-2:0px 2px 2px rgba(173,186,230,.4);--shadow-bottom-light-4:0px 4px 4px rgba(173,186,230,.4);--shadow-bottom-light-8:0px 8px 8px rgba(173,186,230,.4);--shadow-bottom-light-16:0px 16px 16px rgba(173,186,230,.4);--shadow-bottom-light-24:0px 24px 24px rgba(173,186,230,.4);--shadow-bottom-light-32:0px 32px 32px rgba(173,186,230,.4);--shadow-top-light-2:0px -2px 2px rgba(173,186,230,.4);--shadow-top-light-4:0px -4px 4px rgba(173,186,230,.4);--shadow-top-light-8:0px -8px 8px rgba(173,186,230,.4);--shadow-top-light-16:0px -16px 16px rgba(173,186,230,.4);--shadow-top-light-24:0px -24px 24px rgba(173,186,230,.4);--shadow-top-light-32:0px -32px 32px rgba(173,186,230,.4);--shadow-right-light-2:2px 0px 2px rgba(173,186,230,.4);--shadow-right-light-4:4px 0px 4px rgba(173,186,230,.4);--shadow-right-light-8:8px 0px 8px rgba(173,186,230,.4);--shadow-right-light-16:16px 0px 16px rgba(173,186,230,.4);--shadow-right-light-24:24px 0px 24px rgba(173,186,230,.4);--shadow-right-light-32:32px 0px 32px rgba(173,186,230,.4);--shadow-left-light-2:-2px 0px 2px rgba(173,186,230,.4);--shadow-left-light-4:-4px 0px 4px rgba(173,186,230,.4);--shadow-left-light-8:-8px 0px 8px rgba(173,186,230,.4);--shadow-left-light-16:-16px 0px 16px rgba(173,186,230,.4);--shadow-left-light-24:-24px 0px 24px rgba(173,186,230,.4);--shadow-left-light-32:-32px 0px 32px rgba(173,186,230,.4);--shadow-center-light-2:0px 0px 2px 0px rgba(173,186,230,.4);--shadow-center-light-4:0px 0px 4px 0px rgba(173,186,230,.4);--shadow-center-light-8:0px 0px 8px 0px rgba(173,186,230,.4);--shadow-center-light-16:0px 0px 16px 0px rgba(173,186,230,.4);--shadow-center-light-24:0px 0px 24px 0px rgba(173,186,230,.4);--shadow-center-light-32:0px 0px 32px 0px rgba(173,186,230,.4);--shadow-bottom-dark-2:0px 2px 2px rgba(50,44,47,.4);--shadow-bottom-dark-4:0px 4px 4px rgba(50,44,47,.4);--shadow-bottom-dark-8:0px 8px 8px rgba(50,44,47,.4);--shadow-bottom-dark-16:0px 16px 16px rgba(50,44,47,.4);--shadow-bottom-dark-24:0px 24px 24px rgba(50,44,47,.4);--shadow-bottom-dark-32:0px 32px 32px rgba(50,44,47,.4);--shadow-top-dark-2:0px -2px 2px rgba(50,44,47,.4);--shadow-top-dark-4:0px -4px 4px rgba(50,44,47,.4);--shadow-top-dark-8:0px -8px 8px rgba(50,44,47,.4);--shadow-top-dark-16:0px -16px 16px rgba(50,44,47,.4);--shadow-top-dark-24:0px -24px 24px rgba(50,44,47,.4);--shadow-top-dark-32:0px -32px 32px rgba(50,44,47,.4);--shadow-right-dark-2:2px 0px 2px rgba(50,44,47,.4);--shadow-right-dark-4:4px 0px 4px rgba(50,44,47,.4);--shadow-right-dark-8:8px 0px 8px rgba(50,44,47,.4);--shadow-right-dark-16:16px 0px 16px rgba(50,44,47,.4);--shadow-right-dark-24:24px 0px 24px rgba(50,44,47,.4);--shadow-right-dark-32:32px 0px 32px rgba(50,44,47,.4);--shadow-left-dark-2:-2px 0px 2px rgba(50,44,47,.4);--shadow-left-dark-4:-4px 0px 4px rgba(50,44,47,.4);--shadow-left-dark-8:-8px 0px 8px rgba(50,44,47,.4);--shadow-left-dark-16:-16px 0px 16px rgba(50,44,47,.4);--shadow-left-dark-24:-24px 0px 24px rgba(50,44,47,.4);--shadow-left-dark-32:-32px 0px 32px rgba(50,44,47,.4);--shadow-center-dark-2:0px 0px 2px 0px rgba(50,44,47,.4);--shadow-center-dark-4:0px 0px 4px 0px rgba(50,44,47,.4);--shadow-center-dark-8:0px 0px 8px 0px rgba(50,44,47,.4);--shadow-center-dark-16:0px 0px 16px 0px rgba(50,44,47,.4);--shadow-center-dark-24:0px 0px 24px 0px rgba(50,44,47,.4);--shadow-center-dark-32:0px 0px 32px 0px rgba(50,44,47,.4);--background-theme-500:var(--background-light-500);--background-theme-300:var(--background-light-300);--background-theme-100:var(--background-light-100);--color-theme-500:var(--color-dark-500);--color-theme-300:var(--color-dark-300);--color-theme-100:var(--color-dark-100);--border-theme-500:var(--border-dark-500);--border-theme-300:var(--border-dark-300);--border-theme-100:var(--border-dark-100);--border-1-theme-500:var(--border-1) solid var(--border-dark-500);--border-2-theme-500:var(--border-2) solid var(--border-dark-500);--border-4-theme-500:var(--border-4) solid var(--border-dark-500);--border-1-theme-300:var(--border-1) solid var(--border-dark-300);--border-2-theme-300:var(--border-2) solid var(--border-dark-300);--border-4-theme-300:var(--border-4) solid var(--border-dark-300);--border-1-theme-100:var(--border-1) solid var(--border-dark-100);--border-2-theme-100:var(--border-2) solid var(--border-dark-100);--border-4-theme-100:var(--border-4) solid var(--border-dark-100);--color-rolster-900:var(--color-base-900);--color-rolster-700:var(--color-base-700);--color-rolster-500:var(--color-base-500);--color-rolster-300:var(--color-base-300);--color-rolster-100:var(--color-base-100);--skeleton-rolster-500:var(--skeleton-base-500);--skeleton-rolster-300:var(--skeleton-base-300);--skeleton-rolster-100:var(--skeleton-base-100);--border-1-rolster-900:var(--border-1) solid var(--color-base-900);--border-2-rolster-900:var(--border-2) solid var(--color-base-900);--border-4-rolster-900:var(--border-4) solid var(--color-base-900);--border-1-rolster-700:var(--border-1) solid var(--color-base-700);--border-2-rolster-700:var(--border-2) solid var(--color-base-700);--border-4-rolster-700:var(--border-4) solid var(--color-base-700);--border-1-rolster-500:var(--border-1) solid var(--color-base-500);--border-2-rolster-500:var(--border-2) solid var(--color-base-500);--border-4-rolster-500:var(--border-4) solid var(--color-base-500);--border-1-rolster-300:var(--border-1) solid var(--color-base-300);--border-2-rolster-300:var(--border-2) solid var(--color-base-300);--border-4-rolster-300:var(--border-4) solid var(--color-base-300);--border-1-rolster-100:var(--border-1) solid var(--color-base-100);--border-2-rolster-100:var(--border-2) solid var(--color-base-100);--border-4-rolster-100:var(--border-4) solid var(--color-base-100);--box-shadow-rolster-500:var(--box-shadow-base-500);--backdrop-rolster-500:var(--backdrop-base-500);--gradient-rolster-500:var(--gradient-base-500)}[rls-theme=success]{--color-rolster-900:var(--color-success-900);--color-rolster-700:var(--color-success-700);--color-rolster-500:var(--color-success-500);--color-rolster-300:var(--color-success-300);--color-rolster-100:var(--color-success-100);--skeleton-rolster-500:var(--skeleton-success-500);--skeleton-rolster-300:var(--skeleton-success-300);--skeleton-rolster-100:var(--skeleton-success-100);--border-1-rolster-900:var(--border-1) solid var(--color-success-900);--border-2-rolster-900:var(--border-2) solid var(--color-success-900);--border-4-rolster-900:var(--border-4) solid var(--color-success-900);--border-1-rolster-700:var(--border-1) solid var(--color-success-700);--border-2-rolster-700:var(--border-2) solid var(--color-success-700);--border-4-rolster-700:var(--border-4) solid var(--color-success-700);--border-1-rolster-500:var(--border-1) solid var(--color-success-500);--border-2-rolster-500:var(--border-2) solid var(--color-success-500);--border-4-rolster-500:var(--border-4) solid var(--color-success-500);--border-1-rolster-300:var(--border-1) solid var(--color-success-300);--border-2-rolster-300:var(--border-2) solid var(--color-success-300);--border-4-rolster-300:var(--border-4) solid var(--color-success-300);--border-1-rolster-100:var(--border-1) solid var(--color-success-100);--border-2-rolster-100:var(--border-2) solid var(--color-success-100);--border-4-rolster-100:var(--border-4) solid var(--color-success-100);--box-shadow-rolster-500:var(--box-shadow-success-500);--backdrop-rolster-500:var(--backdrop-success-500);--gradient-rolster-500:var(--gradient-success-500)}[rls-theme=info]{--color-rolster-900:var(--color-info-900);--color-rolster-700:var(--color-info-700);--color-rolster-500:var(--color-info-500);--color-rolster-300:var(--color-info-300);--color-rolster-100:var(--color-info-100);--skeleton-rolster-500:var(--skeleton-info-500);--skeleton-rolster-300:var(--skeleton-info-300);--skeleton-rolster-100:var(--skeleton-info-100);--border-1-rolster-900:var(--border-1) solid var(--color-info-900);--border-2-rolster-900:var(--border-2) solid var(--color-info-900);--border-4-rolster-900:var(--border-4) solid var(--color-info-900);--border-1-rolster-700:var(--border-1) solid var(--color-info-700);--border-2-rolster-700:var(--border-2) solid var(--color-info-700);--border-4-rolster-700:var(--border-4) solid var(--color-info-700);--border-1-rolster-500:var(--border-1) solid var(--color-info-500);--border-2-rolster-500:var(--border-2) solid var(--color-info-500);--border-4-rolster-500:var(--border-4) solid var(--color-info-500);--border-1-rolster-300:var(--border-1) solid var(--color-info-300);--border-2-rolster-300:var(--border-2) solid var(--color-info-300);--border-4-rolster-300:var(--border-4) solid var(--color-info-300);--border-1-rolster-100:var(--border-1) solid var(--color-info-100);--border-2-rolster-100:var(--border-2) solid var(--color-info-100);--border-4-rolster-100:var(--border-4) solid var(--color-info-100);--box-shadow-rolster-500:var(--box-shadow-info-500);--backdrop-rolster-500:var(--backdrop-info-500);--gradient-rolster-500:var(--gradient-info-500)}[rls-theme=happy]{--color-rolster-900:var(--color-happy-900);--color-rolster-700:var(--color-happy-700);--color-rolster-500:var(--color-happy-500);--color-rolster-300:var(--color-happy-300);--color-rolster-100:var(--color-happy-100);--skeleton-rolster-500:var(--skeleton-happy-500);--skeleton-rolster-300:var(--skeleton-happy-300);--skeleton-rolster-100:var(--skeleton-happy-100);--border-1-rolster-900:var(--border-1) solid var(--color-happy-900);--border-2-rolster-900:var(--border-2) solid var(--color-happy-900);--border-4-rolster-900:var(--border-4) solid var(--color-happy-900);--border-1-rolster-700:var(--border-1) solid var(--color-happy-700);--border-2-rolster-700:var(--border-2) solid var(--color-happy-700);--border-4-rolster-700:var(--border-4) solid var(--color-happy-700);--border-1-rolster-500:var(--border-1) solid var(--color-happy-500);--border-2-rolster-500:var(--border-2) solid var(--color-happy-500);--border-4-rolster-500:var(--border-4) solid var(--color-happy-500);--border-1-rolster-300:var(--border-1) solid var(--color-happy-300);--border-2-rolster-300:var(--border-2) solid var(--color-happy-300);--border-4-rolster-300:var(--border-4) solid var(--color-happy-300);--border-1-rolster-100:var(--border-1) solid var(--color-happy-100);--border-2-rolster-100:var(--border-2) solid var(--color-happy-100);--border-4-rolster-100:var(--border-4) solid var(--color-happy-100);--box-shadow-rolster-500:var(--box-shadow-happy-500);--backdrop-rolster-500:var(--backdrop-happy-500);--gradient-rolster-500:var(--gradient-happy-500)}[rls-theme=warning]{--color-rolster-900:var(--color-warning-900);--color-rolster-700:var(--color-warning-700);--color-rolster-500:var(--color-warning-500);--color-rolster-300:var(--color-warning-300);--color-rolster-100:var(--color-warning-100);--skeleton-rolster-500:var(--skeleton-warning-500);--skeleton-rolster-300:var(--skeleton-warning-300);--skeleton-rolster-100:var(--skeleton-warning-100);--border-1-rolster-900:var(--border-1) solid var(--color-warning-900);--border-2-rolster-900:var(--border-2) solid var(--color-warning-900);--border-4-rolster-900:var(--border-4) solid var(--color-warning-900);--border-1-rolster-700:var(--border-1) solid var(--color-warning-700);--border-2-rolster-700:var(--border-2) solid var(--color-warning-700);--border-4-rolster-700:var(--border-4) solid var(--color-warning-700);--border-1-rolster-500:var(--border-1) solid var(--color-warning-500);--border-2-rolster-500:var(--border-2) solid var(--color-warning-500);--border-4-rolster-500:var(--border-4) solid var(--color-warning-500);--border-1-rolster-300:var(--border-1) solid var(--color-warning-300);--border-2-rolster-300:var(--border-2) solid var(--color-warning-300);--border-4-rolster-300:var(--border-4) solid var(--color-warning-300);--border-1-rolster-100:var(--border-1) solid var(--color-warning-100);--border-2-rolster-100:var(--border-2) solid var(--color-warning-100);--border-4-rolster-100:var(--border-4) solid var(--color-warning-100);--box-shadow-rolster-500:var(--box-shadow-warning-500);--backdrop-rolster-500:var(--backdrop-warning-500);--gradient-rolster-500:var(--gradient-warning-500)}[rls-theme=danger]{--color-rolster-900:var(--color-danger-900);--color-rolster-700:var(--color-danger-700);--color-rolster-500:var(--color-danger-500);--color-rolster-300:var(--color-danger-300);--color-rolster-100:var(--color-danger-100);--skeleton-rolster-500:var(--skeleton-danger-500);--skeleton-rolster-300:var(--skeleton-danger-300);--skeleton-rolster-100:var(--skeleton-danger-100);--border-1-rolster-900:var(--border-1) solid var(--color-danger-900);--border-2-rolster-900:var(--border-2) solid var(--color-danger-900);--border-4-rolster-900:var(--border-4) solid var(--color-danger-900);--border-1-rolster-700:var(--border-1) solid var(--color-danger-700);--border-2-rolster-700:var(--border-2) solid var(--color-danger-700);--border-4-rolster-700:var(--border-4) solid var(--color-danger-700);--border-1-rolster-500:var(--border-1) solid var(--color-danger-500);--border-2-rolster-500:var(--border-2) solid var(--color-danger-500);--border-4-rolster-500:var(--border-4) solid var(--color-danger-500);--border-1-rolster-300:var(--border-1) solid var(--color-danger-300);--border-2-rolster-300:var(--border-2) solid var(--color-danger-300);--border-4-rolster-300:var(--border-4) solid var(--color-danger-300);--border-1-rolster-100:var(--border-1) solid var(--color-danger-100);--border-2-rolster-100:var(--border-2) solid var(--color-danger-100);--border-4-rolster-100:var(--border-4) solid var(--color-danger-100);--box-shadow-rolster-500:var(--box-shadow-danger-500);--backdrop-rolster-500:var(--backdrop-danger-500);--gradient-rolster-500:var(--gradient-danger-500)}:root{--font-weight-thin:100;--font-weight-extra-light:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--rolster-font-family:-rolster-system-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica}html{font-family:var(--rolster-font-family);font-size:var(--rolster-font-size,16px)}body{-webkit-tap-highlight-color:transparent;background:var(--background-theme-300);bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}div{position:relative;width:100%}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1rem 40rem}hr{border-width:0;box-sizing:content-box;height:.0625rem}pre{overflow:auto}code,kbd,pre,samp{font-family:inherit;font-size:1rem}input,label,select,textarea{font-family:inherit;line-height:normal}textarea{color:inherit;font:inherit;height:auto;overflow:auto}textarea::placeholder{padding-right:.125rem}form,input,optgroup,select{color:inherit;font:inherit;margin:0}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul{list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}h1,h2,h3,h4,h5,h6,p{font-weight:var(--font-weight-medium);margin:0}.font-dark-500{color:var(--color-dark-500)}.font-dark-300{color:var(--color-dark-300)}.font-dark-100{color:var(--color-dark-100)}.font-light-500{color:var(--color-light-500)}.font-light-300{color:var(--color-light-300)}.font-light-100{color:var(--color-light-100)}.bg-dark-500{background:var(--background-dark-500)}.bg-dark-300{background:var(--background-dark-300)}.bg-dark-100{background:var(--background-dark-100)}.bg-light-500{background:var(--background-light-500)}.bg-light-300{background:var(--background-light-300)}.bg-light-100{background:var(--background-light-100)}:root{--flex-grid-12-gap:0rem;--flex-grid-8-gap:0rem;--flex-grid-6-gap:0rem;--flex-grid-4-gap:0rem;--flex-grid-12-col-2:0rem;--flex-grid-12-col-3:0rem;--flex-grid-12-col-4:0rem;--flex-grid-12-col-6:0rem;--flex-grid-12-col-8:0rem;--flex-grid-8-col-2:0rem;--flex-grid-8-col-3:0rem;--flex-grid-8-col-4:0rem;--flex-grid-8-col-6:0rem;--flex-grid-6-col-2:0rem;--flex-grid-6-col-3:0rem;--flex-grid-6-col-4:0rem;--flex-grid-4-col-2:0rem;--flex-grid-4-col-3:0rem}.xs-grid-8{display:grid;gap:var(--sizing-8)}.xs-grid-12{display:grid;gap:var(--sizing-12)}.xs-grid-16{display:grid;gap:var(--sizing-16)}.xs-grid-col-12{grid-template-columns:repeat(12,1fr)}.xs-grid-col-8{grid-template-columns:repeat(8,1fr)}.xs-grid-col-6{grid-template-columns:repeat(6,1fr)}.xs-grid-col-4{grid-template-columns:repeat(4,1fr)}.xs-grid-col-2{grid-template-columns:repeat(2,1fr)}.xs-grid-col-1{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:360px){.sm-grid-8{display:grid;gap:var(--sizing-8)}.sm-grid-12{display:grid;gap:var(--sizing-12)}.sm-grid-16{display:grid;gap:var(--sizing-16)}.sm-grid-col-12{grid-template-columns:repeat(12,1fr)}.sm-grid-col-8{grid-template-columns:repeat(8,1fr)}.sm-grid-col-6{grid-template-columns:repeat(6,1fr)}.sm-grid-col-4{grid-template-columns:repeat(4,1fr)}.sm-grid-col-2{grid-template-columns:repeat(2,1fr)}.sm-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:640px){.md-grid-8{display:grid;gap:var(--sizing-8)}.md-grid-12{display:grid;gap:var(--sizing-12)}.md-grid-16{display:grid;gap:var(--sizing-16)}.md-grid-col-12{grid-template-columns:repeat(12,1fr)}.md-grid-col-8{grid-template-columns:repeat(8,1fr)}.md-grid-col-6{grid-template-columns:repeat(6,1fr)}.md-grid-col-4{grid-template-columns:repeat(4,1fr)}.md-grid-col-2{grid-template-columns:repeat(2,1fr)}.md-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:960px){.lg-grid-8{display:grid;gap:var(--sizing-8)}.lg-grid-12{display:grid;gap:var(--sizing-12)}.lg-grid-16{display:grid;gap:var(--sizing-16)}.lg-grid-col-12{grid-template-columns:repeat(12,1fr)}.lg-grid-col-8{grid-template-columns:repeat(8,1fr)}.lg-grid-col-6{grid-template-columns:repeat(6,1fr)}.lg-grid-col-4{grid-template-columns:repeat(4,1fr)}.lg-grid-col-2{grid-template-columns:repeat(2,1fr)}.lg-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1280px){.xl-grid-8{display:grid;gap:var(--sizing-8)}.xl-grid-12{display:grid;gap:var(--sizing-12)}.xl-grid-16{display:grid;gap:var(--sizing-16)}.xl-grid-col-12{grid-template-columns:repeat(12,1fr)}.xl-grid-col-8{grid-template-columns:repeat(8,1fr)}.xl-grid-col-6{grid-template-columns:repeat(6,1fr)}.xl-grid-col-4{grid-template-columns:repeat(4,1fr)}.xl-grid-col-2{grid-template-columns:repeat(2,1fr)}.xl-grid-col-1{grid-template-columns:repeat(1,1fr)}}.xs-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.xs-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.xs-flex-grid-12,.xs-flex-grid-16{display:inline-flex;flex-wrap:wrap}.xs-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.xs-flex-grid-col-4>*,.xs-flex-grid-col-4>.xs-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.xs-flex-grid-col-4>.xs-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.xs-flex-grid-col-4>.xs-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.xs-flex-grid-col-4>.xs-flex-col-12,.xs-flex-grid-col-4>.xs-flex-col-4,.xs-flex-grid-col-4>.xs-flex-col-6,.xs-flex-grid-col-4>.xs-flex-col-8{width:100%}.xs-flex-grid-col-6>*,.xs-flex-grid-col-6>.xs-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.xs-flex-grid-col-6>.xs-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.xs-flex-grid-col-6>.xs-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.xs-flex-grid-col-6>.xs-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.xs-flex-grid-col-6>.xs-flex-col-12,.xs-flex-grid-col-6>.xs-flex-col-6,.xs-flex-grid-col-6>.xs-flex-col-8{width:100%}.xs-flex-grid-col-8>*,.xs-flex-grid-col-8>.xs-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.xs-flex-grid-col-8>.xs-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.xs-flex-grid-col-8>.xs-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.xs-flex-grid-col-8>.xs-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.xs-flex-grid-col-8>.xs-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.xs-flex-grid-col-8>.xs-flex-col-12,.xs-flex-grid-col-8>.xs-flex-col-8{width:100%}.xs-flex-grid-col-12>*,.xs-flex-grid-col-12>.xs-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.xs-flex-grid-col-12>.xs-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.xs-flex-grid-col-12>.xs-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.xs-flex-grid-col-12>.xs-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.xs-flex-grid-col-12>.xs-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.xs-flex-grid-col-12>.xs-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.xs-flex-grid-col-12>.xs-flex-col-12{width:100%}@media screen and (min-width:360px){.sm-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.sm-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.sm-flex-grid-12,.sm-flex-grid-16{display:inline-flex;flex-wrap:wrap}.sm-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.sm-flex-grid-col-4>*,.sm-flex-grid-col-4>.sm-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.sm-flex-grid-col-4>.sm-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.sm-flex-grid-col-4>.sm-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.sm-flex-grid-col-4>.sm-flex-col-12,.sm-flex-grid-col-4>.sm-flex-col-4,.sm-flex-grid-col-4>.sm-flex-col-6,.sm-flex-grid-col-4>.sm-flex-col-8{width:100%}.sm-flex-grid-col-6>*,.sm-flex-grid-col-6>.sm-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.sm-flex-grid-col-6>.sm-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.sm-flex-grid-col-6>.sm-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.sm-flex-grid-col-6>.sm-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.sm-flex-grid-col-6>.sm-flex-col-12,.sm-flex-grid-col-6>.sm-flex-col-6,.sm-flex-grid-col-6>.sm-flex-col-8{width:100%}.sm-flex-grid-col-8>*,.sm-flex-grid-col-8>.sm-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.sm-flex-grid-col-8>.sm-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.sm-flex-grid-col-8>.sm-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.sm-flex-grid-col-8>.sm-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.sm-flex-grid-col-8>.sm-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.sm-flex-grid-col-8>.sm-flex-col-12,.sm-flex-grid-col-8>.sm-flex-col-8{width:100%}.sm-flex-grid-col-12>*,.sm-flex-grid-col-12>.sm-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.sm-flex-grid-col-12>.sm-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.sm-flex-grid-col-12>.sm-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.sm-flex-grid-col-12>.sm-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.sm-flex-grid-col-12>.sm-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.sm-flex-grid-col-12>.sm-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.sm-flex-grid-col-12>.sm-flex-col-12{width:100%}}@media screen and (min-width:640px){.md-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.md-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.md-flex-grid-12,.md-flex-grid-16{display:inline-flex;flex-wrap:wrap}.md-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.md-flex-grid-col-4>*,.md-flex-grid-col-4>.md-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.md-flex-grid-col-4>.md-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.md-flex-grid-col-4>.md-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.md-flex-grid-col-4>.md-flex-col-12,.md-flex-grid-col-4>.md-flex-col-4,.md-flex-grid-col-4>.md-flex-col-6,.md-flex-grid-col-4>.md-flex-col-8{width:100%}.md-flex-grid-col-6>*,.md-flex-grid-col-6>.md-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.md-flex-grid-col-6>.md-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.md-flex-grid-col-6>.md-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.md-flex-grid-col-6>.md-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.md-flex-grid-col-6>.md-flex-col-12,.md-flex-grid-col-6>.md-flex-col-6,.md-flex-grid-col-6>.md-flex-col-8{width:100%}.md-flex-grid-col-8>*,.md-flex-grid-col-8>.md-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.md-flex-grid-col-8>.md-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.md-flex-grid-col-8>.md-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.md-flex-grid-col-8>.md-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.md-flex-grid-col-8>.md-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.md-flex-grid-col-8>.md-flex-col-12,.md-flex-grid-col-8>.md-flex-col-8{width:100%}.md-flex-grid-col-12>*,.md-flex-grid-col-12>.md-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.md-flex-grid-col-12>.md-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.md-flex-grid-col-12>.md-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.md-flex-grid-col-12>.md-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.md-flex-grid-col-12>.md-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.md-flex-grid-col-12>.md-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.md-flex-grid-col-12>.md-flex-col-12{width:100%}}@media screen and (min-width:960px){.lg-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.lg-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.lg-flex-grid-12,.lg-flex-grid-16{display:inline-flex;flex-wrap:wrap}.lg-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.lg-flex-grid-col-4>*,.lg-flex-grid-col-4>.lg-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.lg-flex-grid-col-4>.lg-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.lg-flex-grid-col-4>.lg-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.lg-flex-grid-col-4>.lg-flex-col-12,.lg-flex-grid-col-4>.lg-flex-col-4,.lg-flex-grid-col-4>.lg-flex-col-6,.lg-flex-grid-col-4>.lg-flex-col-8{width:100%}.lg-flex-grid-col-6>*,.lg-flex-grid-col-6>.lg-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.lg-flex-grid-col-6>.lg-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.lg-flex-grid-col-6>.lg-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.lg-flex-grid-col-6>.lg-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.lg-flex-grid-col-6>.lg-flex-col-12,.lg-flex-grid-col-6>.lg-flex-col-6,.lg-flex-grid-col-6>.lg-flex-col-8{width:100%}.lg-flex-grid-col-8>*,.lg-flex-grid-col-8>.lg-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.lg-flex-grid-col-8>.lg-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.lg-flex-grid-col-8>.lg-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.lg-flex-grid-col-8>.lg-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.lg-flex-grid-col-8>.lg-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.lg-flex-grid-col-8>.lg-flex-col-12,.lg-flex-grid-col-8>.lg-flex-col-8{width:100%}.lg-flex-grid-col-12>*,.lg-flex-grid-col-12>.lg-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.lg-flex-grid-col-12>.lg-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.lg-flex-grid-col-12>.lg-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.lg-flex-grid-col-12>.lg-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.lg-flex-grid-col-12>.lg-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.lg-flex-grid-col-12>.lg-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.lg-flex-grid-col-12>.lg-flex-col-12{width:100%}}@media screen and (min-width:1280px){.xl-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.xl-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.xl-flex-grid-12,.xl-flex-grid-16{display:inline-flex;flex-wrap:wrap}.xl-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.xl-flex-grid-col-4>*,.xl-flex-grid-col-4>.xl-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.xl-flex-grid-col-4>.xl-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.xl-flex-grid-col-4>.xl-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.xl-flex-grid-col-4>.xl-flex-col-12,.xl-flex-grid-col-4>.xl-flex-col-4,.xl-flex-grid-col-4>.xl-flex-col-6,.xl-flex-grid-col-4>.xl-flex-col-8{width:100%}.xl-flex-grid-col-6>*,.xl-flex-grid-col-6>.xl-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.xl-flex-grid-col-6>.xl-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.xl-flex-grid-col-6>.xl-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.xl-flex-grid-col-6>.xl-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.xl-flex-grid-col-6>.xl-flex-col-12,.xl-flex-grid-col-6>.xl-flex-col-6,.xl-flex-grid-col-6>.xl-flex-col-8{width:100%}.xl-flex-grid-col-8>*,.xl-flex-grid-col-8>.xl-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.xl-flex-grid-col-8>.xl-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.xl-flex-grid-col-8>.xl-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.xl-flex-grid-col-8>.xl-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.xl-flex-grid-col-8>.xl-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.xl-flex-grid-col-8>.xl-flex-col-12,.xl-flex-grid-col-8>.xl-flex-col-8{width:100%}.xl-flex-grid-col-12>*,.xl-flex-grid-col-12>.xl-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.xl-flex-grid-col-12>.xl-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.xl-flex-grid-col-12>.xl-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.xl-flex-grid-col-12>.xl-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.xl-flex-grid-col-12>.xl-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.xl-flex-grid-col-12>.xl-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.xl-flex-grid-col-12>.xl-flex-col-12{width:100%}}.font-mode-500{color:var(--color-theme-500)}.font-mode-300{color:var(--color-theme-300)}.font-mode-100{color:var(--color-theme-100)}.bg-mode-500{background:var(--background-theme-500)}.bg-mode-300{background:var(--background-theme-300)}.bg-mode-100{background:var(--background-theme-100)}.border-1-mode-500{border:var(--border-1-theme-500)}.border-2-mode-500{border:var(--border-2-theme-500)}.border-4-mode-500{border:var(--border-4-theme-500)}.align-center{text-align:center!important}.align-justify{text-align:justify!important}.align-left{text-align:right!important}.align-right{text-align:left!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h1-bold,.h1-default,.h1-medium,.h1-regular,.h1-semibold,h1{font-size:var(--heading-1-size);letter-spacing:var(--heading-1-letter-spacing);line-height:var(--heading-1-line-height);min-height:var(--heading-1-line-height)}.h2-bold,.h2-default,.h2-medium,.h2-regular,.h2-semibold,h2{font-size:var(--heading-2-size);letter-spacing:var(--heading-2-letter-spacing);line-height:var(--heading-2-line-height);min-height:var(--heading-2-line-height)}.h3-bold,.h3-default,.h3-medium,.h3-regular,.h3-semibold,h3{font-size:var(--heading-3-size);letter-spacing:var(--heading-3-letter-spacing);line-height:var(--heading-3-line-height);min-height:var(--heading-3-line-height)}.h4-bold,.h4-default,.h4-medium,.h4-regular,.h4-semibold,h4{font-size:var(--heading-4-size);letter-spacing:var(--heading-4-letter-spacing);line-height:var(--heading-4-line-height);min-height:var(--heading-4-line-height)}.h5-bold,.h5-default,.h5-medium,.h5-regular,.h5-semibold,h5{font-size:var(--heading-5-size);letter-spacing:var(--heading-5-letter-spacing);line-height:var(--heading-5-line-height);min-height:var(--heading-5-line-height)}.h6-bold,.h6-default,.h6-medium,.h6-regular,.h6-semibold,h6{font-size:var(--heading-6-size);letter-spacing:var(--heading-6-letter-spacing);line-height:var(--heading-6-line-height);min-height:var(--heading-6-line-height)}.title-bold,.title-default,.title-medium,.title-regular,.title-semibold{font-size:var(--title-size);letter-spacing:var(--title-letter-spacing);line-height:var(--title-line-height);min-height:var(--title-line-height)}.subtitle-bold,.subtitle-default,.subtitle-medium,.subtitle-regular,.subtitle-semibold{font-size:var(--subtitle-size);letter-spacing:var(--subtitle-letter-spacing);line-height:var(--subtitle-line-height);min-height:var(--subtitle-line-height)}.body-bold,.body-default,.body-medium,.body-regular,.body-semibold{font-size:var(--body-size);letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);min-height:var(--body-line-height)}.label-bold,.label-default,.label-medium,.label-regular,.label-semibold{font-size:var(--label-size);letter-spacing:var(--label-letter-spacing);line-height:var(--label-line-height);min-height:var(--label-line-height)}.smalltext-bold,.smalltext-default,.smalltext-medium,.smalltext-regular,.smalltext-semibold{font-size:var(--smalltext-size);letter-spacing:var(--smalltext-letter-spacing);line-height:var(--smalltext-line-height);min-height:var(--smalltext-line-height)}.caption-bold,.caption-default,.caption-medium,.caption-regular,.caption-semibold{font-size:var(--caption-size);letter-spacing:var(--caption-letter-spacing);line-height:var(--caption-line-height);min-height:var(--caption-line-height)}.overline-bold,.overline-default,.overline-medium,.overline-regular,.overline-semibold{font-size:var(--overline-size);letter-spacing:var(--overline-letter-spacing);line-height:var(--overline-line-height);min-height:var(--overline-line-height)}.h1-regular{font-weight:var(--font-weight-regular)}.h1-medium{font-weight:var(--font-weight-medium)}.h1-semibold{font-weight:var(--font-weight-semibold)}.h1-bold{font-weight:var(--font-weight-bold)}.h2-regular{font-weight:var(--font-weight-regular)}.h2-medium{font-weight:var(--font-weight-medium)}.h2-semibold{font-weight:var(--font-weight-semibold)}.h2-bold{font-weight:var(--font-weight-bold)}.h3-regular{font-weight:var(--font-weight-regular)}.h3-medium{font-weight:var(--font-weight-medium)}.h3-semibold{font-weight:var(--font-weight-semibold)}.h3-bold{font-weight:var(--font-weight-bold)}.h4-regular{font-weight:var(--font-weight-regular)}.h4-medium{font-weight:var(--font-weight-medium)}.h4-semibold{font-weight:var(--font-weight-semibold)}.h4-bold{font-weight:var(--font-weight-bold)}.h5-regular{font-weight:var(--font-weight-regular)}.h5-medium{font-weight:var(--font-weight-medium)}.h5-semibold{font-weight:var(--font-weight-semibold)}.h5-bold{font-weight:var(--font-weight-bold)}.h6-regular{font-weight:var(--font-weight-regular)}.h6-medium{font-weight:var(--font-weight-medium)}.h6-semibold{font-weight:var(--font-weight-semibold)}.h6-bold{font-weight:var(--font-weight-bold)}.title-regular{font-weight:var(--font-weight-regular)}.title-medium{font-weight:var(--font-weight-medium)}.title-semibold{font-weight:var(--font-weight-semibold)}.title-bold{font-weight:var(--font-weight-bold)}.subtitle-regular{font-weight:var(--font-weight-regular)}.subtitle-medium{font-weight:var(--font-weight-medium)}.subtitle-semibold{font-weight:var(--font-weight-semibold)}.subtitle-bold{font-weight:var(--font-weight-bold)}.body-regular{font-weight:var(--font-weight-regular)}.body-medium{font-weight:var(--font-weight-medium)}.body-semibold{font-weight:var(--font-weight-semibold)}.body-bold{font-weight:var(--font-weight-bold)}.label-regular{font-weight:var(--font-weight-regular)}.label-medium{font-weight:var(--font-weight-medium)}.label-semibold{font-weight:var(--font-weight-semibold)}.label-bold{font-weight:var(--font-weight-bold)}.smalltext-regular{font-weight:var(--font-weight-regular)}.smalltext-medium{font-weight:var(--font-weight-medium)}.smalltext-semibold{font-weight:var(--font-weight-semibold)}.smalltext-bold{font-weight:var(--font-weight-bold)}.caption-regular{font-weight:var(--font-weight-regular)}.caption-medium{font-weight:var(--font-weight-medium)}.caption-semibold{font-weight:var(--font-weight-semibold)}.caption-bold{font-weight:var(--font-weight-bold)}.overline-regular{font-weight:var(--font-weight-regular)}.overline-medium{font-weight:var(--font-weight-medium)}.overline-semibold{font-weight:var(--font-weight-semibold)}.overline-bold{font-weight:var(--font-weight-bold)}.rls-app__body{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:0;transition:right .24s 0ms var(--standard-curve),width .24s 0ms var(--standard-curve)}.rls-app__body,.rls-app__header{width:100%;z-index:var(--z-index-8)}.rls-app__header{background:var(--background-theme-100);box-sizing:border-box;height:3.5rem;position:relative}.rls-app__header+.rls-app__content,.rls-app__header+.rls-app__page{height:calc(100vh - 3.5rem)}.rls-app__header .rls-toolbar{height:100%}.rls-app__content{overflow:auto}.rls-app__content,.rls-app__page{box-sizing:border-box;height:100vh;margin:0;padding:0;position:relative;width:100%}.rls-app__page{display:flex;overflow:hidden}.rls-app__page__nav{background:var(--background-theme-100);border-radius:0 0 0 var(--sizing-48);box-sizing:border-box;height:100%;margin:0;overflow:auto;padding:0;position:relative;width:17.5rem}.rls-app__page__nav+.rls-app__page__content{width:calc(100% - 17.5rem)}.rls-app__page__content{height:100%;margin:0;overflow:auto;padding:0}.rls-app__page__content,.rls-box-field{box-sizing:border-box;position:relative;width:100%}.rls-box-field{--box-field-body-background:#f8f8f8;--box-field-body-border:var(--border-1-theme-100);--box-field-body-shadow:none;--box-field-body-opacity:1;--box-field-label-color:var(--color-theme-300);--box-field-label-opacity:1;float:right}.rls-box-field__content{box-sizing:border-box;transition:height .16s 0ms var(--standard-curve)}.rls-box-field__content--active{--box-field-body-background:var(--background-theme-500);--box-field-label-color:var(--color-xofttion-500);--box-field-body-border:var(--border-1-xofttion-500);--box-field-body-shadow:0px 0px 0px 3px var(--box-shadow-xofttion-500)}.rls-box-field__content--error{--box-field-label-color:var(--color-danger-500);--box-field-body-border:var(--border-1) solid var(--color-danger-500);--box-field-body-shadow:0px 0px 0px 3px var(--box-shadow-danger-500)}.rls-box-field__content--disabled{--box-field-body-background:var(--background-theme-500);--box-field-body-opacity:0.75;--box-field-label-opacity:0.5}.rls-box-field__label{box-sizing:border-box;color:var(--box-field-label-color);float:right;font-size:var(--smalltext-size);font-weight:var(--font-weight-medium);letter-spacing:var(--smalltext-letter-spacing);line-height:var(--smalltext-line-height);margin-bottom:var(--sizing-4);min-height:var(--smalltext-line-height);opacity:var(--box-field-label-opacity);overflow:hidden;padding:0 .625rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-box-field__label span{color:var(--color-danger-500)}.rls-box-field__body{background:var(--box-field-body-background);border:var(--box-field-body-border);border-radius:var(--sizing-4);box-shadow:var(--box-field-body-shadow);box-sizing:border-box;display:flex;opacity:var(--box-field-body-opacity);overflow:hidden}.rls-box-field__helper{box-sizing:border-box;color:var(--color-theme-100);font-size:var(--overline-size);font-weight:var(--font-weight-medium);letter-spacing:var(--overline-letter-spacing);line-height:var(--overline-line-height);margin-top:var(--sizing-4);min-height:var(--overline-line-height);padding:0 .625rem}.rls-box-field__helper--error{color:var(--color-danger-500)}
1
+ :root{--standard-curve:cubic-bezier(0.4,0,0.2,1);--deceleration-curve:cubic-bezier(0,0,0.2,1);--acceleration-curve:cubic-bezier(0.4,0,1,1);--sharp-curve:cubic-bezier(0.4,0,0.6,1);--background-dark-500:#252641;--background-dark-300:#343957;--background-dark-100:#484d6b;--background-light-500:#fff;--background-light-300:#eff2fc;--background-light-100:#dddfed;--color-dark-500:#28323d;--color-dark-300:#626f9b;--color-dark-100:#9da5b2;--color-light-500:#fff;--color-light-300:#b9c3e7;--color-light-100:#808dbe;--border-dark-500:#757d8a;--border-dark-300:#c3c7ce;--border-dark-100:#e1e3e6;--border-light-500:#fff;--border-light-300:#b9c3e7;--border-light-100:#808dbe;--color-base-900:#1c3859;--color-base-700:#174f90;--color-base-500:#1461bb;--color-base-300:#76a3d7;--color-base-100:#d9e5f4;--skeleton-base-500:rgba(23,79,144,.5);--skeleton-base-300:rgba(23,79,144,.25);--skeleton-base-100:rgba(23,79,144,.1);--box-shadow-base-500:rgba(20,97,187,.24);--backdrop-base-500:rgba(18,46,79,.8);--gradient-base-500:linear-gradient(180deg,#1461bb,#174f90);--color-success-900:#185046;--color-success-700:#0e7e6a;--color-success-500:#07a287;--color-success-300:#6fc9b9;--color-success-100:#d7f0eb;--skeleton-success-500:rgba(14,126,106,.5);--skeleton-success-300:rgba(14,126,106,.25);--skeleton-success-100:rgba(14,126,106,.1);--box-shadow-success-500:rgba(7,162,135,.24);--backdrop-success-500:rgba(14,70,60,.8);--gradient-success-500:linear-gradient(180deg,#07a287,#0e7e6a);--color-info-900:#1e576e;--color-info-700:#1a8cba;--color-info-500:#18b6f6;--color-info-300:#79d4f9;--color-info-100:#daf3fd;--skeleton-info-500:rgba(26,140,186,.5);--skeleton-info-300:rgba(26,140,186,.25);--skeleton-info-100:rgba(26,140,186,.1);--box-shadow-info-500:rgba(24,182,246,.24);--backdrop-info-500:rgba(20,77,100,.8);--gradient-info-500:linear-gradient(180deg,#18b6f6,#1a8cba);--color-happy-900:#4a2d41;--color-happy-700:#733960;--color-happy-500:#934379;--color-happy-300:#c091b1;--color-happy-100:#ede0e9;--skeleton-happy-500:rgba(115,57,96,.5);--skeleton-happy-300:rgba(115,57,96,.25);--skeleton-happy-100:rgba(115,57,96,.1);--box-shadow-happy-500:rgba(147,67,121,.24);--backdrop-happy-500:rgba(64,35,55,.8);--gradient-happy-500:linear-gradient(180deg,#934379,#733960);--color-warning-900:#705130;--color-warning-700:#be803e;--color-warning-500:#fca549;--color-warning-300:#fdca95;--color-warning-100:#fef0e1;--skeleton-warning-500:rgba(190,128,62,.5);--skeleton-warning-300:rgba(190,128,62,.25);--skeleton-warning-100:rgba(190,128,62,.1);--box-shadow-warning-500:rgba(252,165,73,.24);--backdrop-warning-500:rgba(102,71,38,.8);--gradient-warning-500:linear-gradient(180deg,#fca549,#be803e);--color-danger-900:#6d2b2b;--color-danger-700:#b93434;--color-danger-500:#f43c3c;--color-danger-300:#f88d8d;--color-danger-100:#fddfdf;--skeleton-danger-500:rgba(185,52,52,.5);--skeleton-danger-300:rgba(185,52,52,.25);--skeleton-danger-100:rgba(185,52,52,.1);--box-shadow-danger-500:rgba(244,60,60,.24);--backdrop-danger-500:rgba(99,33,33,.8);--gradient-danger-500:linear-gradient(180deg,#f43c3c,#b93434);--sizing-2:0.125rem;--sizing-4:0.25rem;--sizing-6:0.375rem;--sizing-8:0.5rem;--sizing-12:0.75rem;--sizing-16:1rem;--sizing-20:1.25rem;--sizing-24:1.5rem;--sizing-28:1.75rem;--sizing-32:2rem;--sizing-36:2.25rem;--sizing-40:2.5rem;--sizing-44:2.75rem;--sizing-48:3rem;--sizing-52:3.25rem;--sizing-56:3.5rem;--sizing-60:3.75rem;--sizing-64:4rem;--border-1:1px;--border-2:2px;--border-4:4px}@supports (padding-top:constant(safe-area-inset-top)){:root{--sizing-safe-top:constant(safe-area-inset-top);--sizing-safe-right:constant(safe-area-inset-left);--sizing-safe-bottom:constant(safe-area-inset-bottom);--sizing-safe-left:constant(safe-area-inset-right)}}@supports (padding-top:env(safe-area-inset-top)){:root{--sizing-safe-top:env(safe-area-inset-top);--sizing-safe-right:env(safe-area-inset-left);--sizing-safe-bottom:env(safe-area-inset-bottom);--sizing-safe-left:env(safe-area-inset-right)}}:root{--z-index-2:2;--z-index-4:4;--z-index-6:6;--z-index-8:8;--z-index-12:12;--z-index-16:16;--z-index-24:24;--z-index-32:32;--shadow-1:0px 4px 2px -2px rgba(50,44,47,.02);--shadow-2:0px 4px 8px -2px rgba(50,44,47,.04);--shadow-3:0px 2px 4px -2px rgba(50,44,47,.08);--shadow-4:0px 4px 8px -6px rgba(50,44,47,.03),0px 16px 8px -4px rgba(50,44,47,.03);--shadow-5:0px 8px 24px -4px rgba(50,44,47,.08);--shadow-6:0px 8px 24px -4px rgba(50,44,47,.12);--shadow-bottom-light-2:0px 2px 2px rgba(173,186,230,.4);--shadow-bottom-light-4:0px 4px 4px rgba(173,186,230,.4);--shadow-bottom-light-8:0px 8px 8px rgba(173,186,230,.4);--shadow-bottom-light-16:0px 16px 16px rgba(173,186,230,.4);--shadow-bottom-light-24:0px 24px 24px rgba(173,186,230,.4);--shadow-bottom-light-32:0px 32px 32px rgba(173,186,230,.4);--shadow-top-light-2:0px -2px 2px rgba(173,186,230,.4);--shadow-top-light-4:0px -4px 4px rgba(173,186,230,.4);--shadow-top-light-8:0px -8px 8px rgba(173,186,230,.4);--shadow-top-light-16:0px -16px 16px rgba(173,186,230,.4);--shadow-top-light-24:0px -24px 24px rgba(173,186,230,.4);--shadow-top-light-32:0px -32px 32px rgba(173,186,230,.4);--shadow-right-light-2:2px 0px 2px rgba(173,186,230,.4);--shadow-right-light-4:4px 0px 4px rgba(173,186,230,.4);--shadow-right-light-8:8px 0px 8px rgba(173,186,230,.4);--shadow-right-light-16:16px 0px 16px rgba(173,186,230,.4);--shadow-right-light-24:24px 0px 24px rgba(173,186,230,.4);--shadow-right-light-32:32px 0px 32px rgba(173,186,230,.4);--shadow-left-light-2:-2px 0px 2px rgba(173,186,230,.4);--shadow-left-light-4:-4px 0px 4px rgba(173,186,230,.4);--shadow-left-light-8:-8px 0px 8px rgba(173,186,230,.4);--shadow-left-light-16:-16px 0px 16px rgba(173,186,230,.4);--shadow-left-light-24:-24px 0px 24px rgba(173,186,230,.4);--shadow-left-light-32:-32px 0px 32px rgba(173,186,230,.4);--shadow-center-light-2:0px 0px 2px 0px rgba(173,186,230,.4);--shadow-center-light-4:0px 0px 4px 0px rgba(173,186,230,.4);--shadow-center-light-8:0px 0px 8px 0px rgba(173,186,230,.4);--shadow-center-light-16:0px 0px 16px 0px rgba(173,186,230,.4);--shadow-center-light-24:0px 0px 24px 0px rgba(173,186,230,.4);--shadow-center-light-32:0px 0px 32px 0px rgba(173,186,230,.4);--shadow-bottom-dark-2:0px 2px 2px rgba(50,44,47,.4);--shadow-bottom-dark-4:0px 4px 4px rgba(50,44,47,.4);--shadow-bottom-dark-8:0px 8px 8px rgba(50,44,47,.4);--shadow-bottom-dark-16:0px 16px 16px rgba(50,44,47,.4);--shadow-bottom-dark-24:0px 24px 24px rgba(50,44,47,.4);--shadow-bottom-dark-32:0px 32px 32px rgba(50,44,47,.4);--shadow-top-dark-2:0px -2px 2px rgba(50,44,47,.4);--shadow-top-dark-4:0px -4px 4px rgba(50,44,47,.4);--shadow-top-dark-8:0px -8px 8px rgba(50,44,47,.4);--shadow-top-dark-16:0px -16px 16px rgba(50,44,47,.4);--shadow-top-dark-24:0px -24px 24px rgba(50,44,47,.4);--shadow-top-dark-32:0px -32px 32px rgba(50,44,47,.4);--shadow-right-dark-2:2px 0px 2px rgba(50,44,47,.4);--shadow-right-dark-4:4px 0px 4px rgba(50,44,47,.4);--shadow-right-dark-8:8px 0px 8px rgba(50,44,47,.4);--shadow-right-dark-16:16px 0px 16px rgba(50,44,47,.4);--shadow-right-dark-24:24px 0px 24px rgba(50,44,47,.4);--shadow-right-dark-32:32px 0px 32px rgba(50,44,47,.4);--shadow-left-dark-2:-2px 0px 2px rgba(50,44,47,.4);--shadow-left-dark-4:-4px 0px 4px rgba(50,44,47,.4);--shadow-left-dark-8:-8px 0px 8px rgba(50,44,47,.4);--shadow-left-dark-16:-16px 0px 16px rgba(50,44,47,.4);--shadow-left-dark-24:-24px 0px 24px rgba(50,44,47,.4);--shadow-left-dark-32:-32px 0px 32px rgba(50,44,47,.4);--shadow-center-dark-2:0px 0px 2px 0px rgba(50,44,47,.4);--shadow-center-dark-4:0px 0px 4px 0px rgba(50,44,47,.4);--shadow-center-dark-8:0px 0px 8px 0px rgba(50,44,47,.4);--shadow-center-dark-16:0px 0px 16px 0px rgba(50,44,47,.4);--shadow-center-dark-24:0px 0px 24px 0px rgba(50,44,47,.4);--shadow-center-dark-32:0px 0px 32px 0px rgba(50,44,47,.4);--background-theme-500:var(--background-light-500);--background-theme-300:var(--background-light-300);--background-theme-100:var(--background-light-100);--color-theme-500:var(--color-dark-500);--color-theme-300:var(--color-dark-300);--color-theme-100:var(--color-dark-100);--border-theme-500:var(--border-dark-500);--border-theme-300:var(--border-dark-300);--border-theme-100:var(--border-dark-100);--border-1-theme-500:var(--border-1) solid var(--border-dark-500);--border-2-theme-500:var(--border-2) solid var(--border-dark-500);--border-4-theme-500:var(--border-4) solid var(--border-dark-500);--border-1-theme-300:var(--border-1) solid var(--border-dark-300);--border-2-theme-300:var(--border-2) solid var(--border-dark-300);--border-4-theme-300:var(--border-4) solid var(--border-dark-300);--border-1-theme-100:var(--border-1) solid var(--border-dark-100);--border-2-theme-100:var(--border-2) solid var(--border-dark-100);--border-4-theme-100:var(--border-4) solid var(--border-dark-100);--color-rolster-900:var(--color-base-900);--color-rolster-700:var(--color-base-700);--color-rolster-500:var(--color-base-500);--color-rolster-300:var(--color-base-300);--color-rolster-100:var(--color-base-100);--skeleton-rolster-500:var(--skeleton-base-500);--skeleton-rolster-300:var(--skeleton-base-300);--skeleton-rolster-100:var(--skeleton-base-100);--border-1-rolster-900:var(--border-1) solid var(--color-base-900);--border-2-rolster-900:var(--border-2) solid var(--color-base-900);--border-4-rolster-900:var(--border-4) solid var(--color-base-900);--border-1-rolster-700:var(--border-1) solid var(--color-base-700);--border-2-rolster-700:var(--border-2) solid var(--color-base-700);--border-4-rolster-700:var(--border-4) solid var(--color-base-700);--border-1-rolster-500:var(--border-1) solid var(--color-base-500);--border-2-rolster-500:var(--border-2) solid var(--color-base-500);--border-4-rolster-500:var(--border-4) solid var(--color-base-500);--border-1-rolster-300:var(--border-1) solid var(--color-base-300);--border-2-rolster-300:var(--border-2) solid var(--color-base-300);--border-4-rolster-300:var(--border-4) solid var(--color-base-300);--border-1-rolster-100:var(--border-1) solid var(--color-base-100);--border-2-rolster-100:var(--border-2) solid var(--color-base-100);--border-4-rolster-100:var(--border-4) solid var(--color-base-100);--box-shadow-rolster-500:var(--box-shadow-base-500);--backdrop-rolster-500:var(--backdrop-base-500);--gradient-rolster-500:var(--gradient-base-500)}[rls-theme=success]{--color-rolster-900:var(--color-success-900);--color-rolster-700:var(--color-success-700);--color-rolster-500:var(--color-success-500);--color-rolster-300:var(--color-success-300);--color-rolster-100:var(--color-success-100);--skeleton-rolster-500:var(--skeleton-success-500);--skeleton-rolster-300:var(--skeleton-success-300);--skeleton-rolster-100:var(--skeleton-success-100);--border-1-rolster-900:var(--border-1) solid var(--color-success-900);--border-2-rolster-900:var(--border-2) solid var(--color-success-900);--border-4-rolster-900:var(--border-4) solid var(--color-success-900);--border-1-rolster-700:var(--border-1) solid var(--color-success-700);--border-2-rolster-700:var(--border-2) solid var(--color-success-700);--border-4-rolster-700:var(--border-4) solid var(--color-success-700);--border-1-rolster-500:var(--border-1) solid var(--color-success-500);--border-2-rolster-500:var(--border-2) solid var(--color-success-500);--border-4-rolster-500:var(--border-4) solid var(--color-success-500);--border-1-rolster-300:var(--border-1) solid var(--color-success-300);--border-2-rolster-300:var(--border-2) solid var(--color-success-300);--border-4-rolster-300:var(--border-4) solid var(--color-success-300);--border-1-rolster-100:var(--border-1) solid var(--color-success-100);--border-2-rolster-100:var(--border-2) solid var(--color-success-100);--border-4-rolster-100:var(--border-4) solid var(--color-success-100);--box-shadow-rolster-500:var(--box-shadow-success-500);--backdrop-rolster-500:var(--backdrop-success-500);--gradient-rolster-500:var(--gradient-success-500)}[rls-theme=info]{--color-rolster-900:var(--color-info-900);--color-rolster-700:var(--color-info-700);--color-rolster-500:var(--color-info-500);--color-rolster-300:var(--color-info-300);--color-rolster-100:var(--color-info-100);--skeleton-rolster-500:var(--skeleton-info-500);--skeleton-rolster-300:var(--skeleton-info-300);--skeleton-rolster-100:var(--skeleton-info-100);--border-1-rolster-900:var(--border-1) solid var(--color-info-900);--border-2-rolster-900:var(--border-2) solid var(--color-info-900);--border-4-rolster-900:var(--border-4) solid var(--color-info-900);--border-1-rolster-700:var(--border-1) solid var(--color-info-700);--border-2-rolster-700:var(--border-2) solid var(--color-info-700);--border-4-rolster-700:var(--border-4) solid var(--color-info-700);--border-1-rolster-500:var(--border-1) solid var(--color-info-500);--border-2-rolster-500:var(--border-2) solid var(--color-info-500);--border-4-rolster-500:var(--border-4) solid var(--color-info-500);--border-1-rolster-300:var(--border-1) solid var(--color-info-300);--border-2-rolster-300:var(--border-2) solid var(--color-info-300);--border-4-rolster-300:var(--border-4) solid var(--color-info-300);--border-1-rolster-100:var(--border-1) solid var(--color-info-100);--border-2-rolster-100:var(--border-2) solid var(--color-info-100);--border-4-rolster-100:var(--border-4) solid var(--color-info-100);--box-shadow-rolster-500:var(--box-shadow-info-500);--backdrop-rolster-500:var(--backdrop-info-500);--gradient-rolster-500:var(--gradient-info-500)}[rls-theme=happy]{--color-rolster-900:var(--color-happy-900);--color-rolster-700:var(--color-happy-700);--color-rolster-500:var(--color-happy-500);--color-rolster-300:var(--color-happy-300);--color-rolster-100:var(--color-happy-100);--skeleton-rolster-500:var(--skeleton-happy-500);--skeleton-rolster-300:var(--skeleton-happy-300);--skeleton-rolster-100:var(--skeleton-happy-100);--border-1-rolster-900:var(--border-1) solid var(--color-happy-900);--border-2-rolster-900:var(--border-2) solid var(--color-happy-900);--border-4-rolster-900:var(--border-4) solid var(--color-happy-900);--border-1-rolster-700:var(--border-1) solid var(--color-happy-700);--border-2-rolster-700:var(--border-2) solid var(--color-happy-700);--border-4-rolster-700:var(--border-4) solid var(--color-happy-700);--border-1-rolster-500:var(--border-1) solid var(--color-happy-500);--border-2-rolster-500:var(--border-2) solid var(--color-happy-500);--border-4-rolster-500:var(--border-4) solid var(--color-happy-500);--border-1-rolster-300:var(--border-1) solid var(--color-happy-300);--border-2-rolster-300:var(--border-2) solid var(--color-happy-300);--border-4-rolster-300:var(--border-4) solid var(--color-happy-300);--border-1-rolster-100:var(--border-1) solid var(--color-happy-100);--border-2-rolster-100:var(--border-2) solid var(--color-happy-100);--border-4-rolster-100:var(--border-4) solid var(--color-happy-100);--box-shadow-rolster-500:var(--box-shadow-happy-500);--backdrop-rolster-500:var(--backdrop-happy-500);--gradient-rolster-500:var(--gradient-happy-500)}[rls-theme=warning]{--color-rolster-900:var(--color-warning-900);--color-rolster-700:var(--color-warning-700);--color-rolster-500:var(--color-warning-500);--color-rolster-300:var(--color-warning-300);--color-rolster-100:var(--color-warning-100);--skeleton-rolster-500:var(--skeleton-warning-500);--skeleton-rolster-300:var(--skeleton-warning-300);--skeleton-rolster-100:var(--skeleton-warning-100);--border-1-rolster-900:var(--border-1) solid var(--color-warning-900);--border-2-rolster-900:var(--border-2) solid var(--color-warning-900);--border-4-rolster-900:var(--border-4) solid var(--color-warning-900);--border-1-rolster-700:var(--border-1) solid var(--color-warning-700);--border-2-rolster-700:var(--border-2) solid var(--color-warning-700);--border-4-rolster-700:var(--border-4) solid var(--color-warning-700);--border-1-rolster-500:var(--border-1) solid var(--color-warning-500);--border-2-rolster-500:var(--border-2) solid var(--color-warning-500);--border-4-rolster-500:var(--border-4) solid var(--color-warning-500);--border-1-rolster-300:var(--border-1) solid var(--color-warning-300);--border-2-rolster-300:var(--border-2) solid var(--color-warning-300);--border-4-rolster-300:var(--border-4) solid var(--color-warning-300);--border-1-rolster-100:var(--border-1) solid var(--color-warning-100);--border-2-rolster-100:var(--border-2) solid var(--color-warning-100);--border-4-rolster-100:var(--border-4) solid var(--color-warning-100);--box-shadow-rolster-500:var(--box-shadow-warning-500);--backdrop-rolster-500:var(--backdrop-warning-500);--gradient-rolster-500:var(--gradient-warning-500)}[rls-theme=danger]{--color-rolster-900:var(--color-danger-900);--color-rolster-700:var(--color-danger-700);--color-rolster-500:var(--color-danger-500);--color-rolster-300:var(--color-danger-300);--color-rolster-100:var(--color-danger-100);--skeleton-rolster-500:var(--skeleton-danger-500);--skeleton-rolster-300:var(--skeleton-danger-300);--skeleton-rolster-100:var(--skeleton-danger-100);--border-1-rolster-900:var(--border-1) solid var(--color-danger-900);--border-2-rolster-900:var(--border-2) solid var(--color-danger-900);--border-4-rolster-900:var(--border-4) solid var(--color-danger-900);--border-1-rolster-700:var(--border-1) solid var(--color-danger-700);--border-2-rolster-700:var(--border-2) solid var(--color-danger-700);--border-4-rolster-700:var(--border-4) solid var(--color-danger-700);--border-1-rolster-500:var(--border-1) solid var(--color-danger-500);--border-2-rolster-500:var(--border-2) solid var(--color-danger-500);--border-4-rolster-500:var(--border-4) solid var(--color-danger-500);--border-1-rolster-300:var(--border-1) solid var(--color-danger-300);--border-2-rolster-300:var(--border-2) solid var(--color-danger-300);--border-4-rolster-300:var(--border-4) solid var(--color-danger-300);--border-1-rolster-100:var(--border-1) solid var(--color-danger-100);--border-2-rolster-100:var(--border-2) solid var(--color-danger-100);--border-4-rolster-100:var(--border-4) solid var(--color-danger-100);--box-shadow-rolster-500:var(--box-shadow-danger-500);--backdrop-rolster-500:var(--backdrop-danger-500);--gradient-rolster-500:var(--gradient-danger-500)}:root{--font-weight-thin:100;--font-weight-extra-light:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--rolster-font-family:-rolster-system-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica}html{font-family:var(--rolster-font-family);font-size:var(--rolster-font-size,16px)}body{-webkit-tap-highlight-color:transparent;background:var(--background-theme-300);bottom:0;left:0;margin:0;padding:0;position:absolute;right:0;top:0}div{position:relative;width:100%}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1rem 40rem}hr{border-width:0;box-sizing:content-box;height:.0625rem}pre{overflow:auto}code,kbd,pre,samp{font-family:inherit;font-size:1rem}input,label,select,textarea{font-family:inherit;line-height:normal}textarea{color:inherit;font:inherit;height:auto;overflow:auto}textarea::placeholder{padding-right:.125rem}form,input,optgroup,select{color:inherit;font:inherit;margin:0}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}[tappable],[tappable] div,[tappable] ion-icon,[tappable] ion-label,[tappable] span,a,a div,a ion-icon,a ion-label,a span,button,button div,button ion-icon,button ion-label,button span,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}ul{list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}h1,h2,h3,h4,h5,h6,p{font-weight:var(--font-weight-medium);margin:0}.font-dark-500{color:var(--color-dark-500)}.font-dark-300{color:var(--color-dark-300)}.font-dark-100{color:var(--color-dark-100)}.font-light-500{color:var(--color-light-500)}.font-light-300{color:var(--color-light-300)}.font-light-100{color:var(--color-light-100)}.bg-dark-500{background:var(--background-dark-500)}.bg-dark-300{background:var(--background-dark-300)}.bg-dark-100{background:var(--background-dark-100)}.bg-light-500{background:var(--background-light-500)}.bg-light-300{background:var(--background-light-300)}.bg-light-100{background:var(--background-light-100)}:root{--flex-grid-12-gap:0rem;--flex-grid-8-gap:0rem;--flex-grid-6-gap:0rem;--flex-grid-4-gap:0rem;--flex-grid-12-col-2:0rem;--flex-grid-12-col-3:0rem;--flex-grid-12-col-4:0rem;--flex-grid-12-col-6:0rem;--flex-grid-12-col-8:0rem;--flex-grid-8-col-2:0rem;--flex-grid-8-col-3:0rem;--flex-grid-8-col-4:0rem;--flex-grid-8-col-6:0rem;--flex-grid-6-col-2:0rem;--flex-grid-6-col-3:0rem;--flex-grid-6-col-4:0rem;--flex-grid-4-col-2:0rem;--flex-grid-4-col-3:0rem}.xs-grid-8{display:grid;gap:var(--sizing-8)}.xs-grid-12{display:grid;gap:var(--sizing-12)}.xs-grid-16{display:grid;gap:var(--sizing-16)}.xs-grid-col-12{grid-template-columns:repeat(12,1fr)}.xs-grid-col-8{grid-template-columns:repeat(8,1fr)}.xs-grid-col-6{grid-template-columns:repeat(6,1fr)}.xs-grid-col-4{grid-template-columns:repeat(4,1fr)}.xs-grid-col-2{grid-template-columns:repeat(2,1fr)}.xs-grid-col-1{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:360px){.sm-grid-8{display:grid;gap:var(--sizing-8)}.sm-grid-12{display:grid;gap:var(--sizing-12)}.sm-grid-16{display:grid;gap:var(--sizing-16)}.sm-grid-col-12{grid-template-columns:repeat(12,1fr)}.sm-grid-col-8{grid-template-columns:repeat(8,1fr)}.sm-grid-col-6{grid-template-columns:repeat(6,1fr)}.sm-grid-col-4{grid-template-columns:repeat(4,1fr)}.sm-grid-col-2{grid-template-columns:repeat(2,1fr)}.sm-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:640px){.md-grid-8{display:grid;gap:var(--sizing-8)}.md-grid-12{display:grid;gap:var(--sizing-12)}.md-grid-16{display:grid;gap:var(--sizing-16)}.md-grid-col-12{grid-template-columns:repeat(12,1fr)}.md-grid-col-8{grid-template-columns:repeat(8,1fr)}.md-grid-col-6{grid-template-columns:repeat(6,1fr)}.md-grid-col-4{grid-template-columns:repeat(4,1fr)}.md-grid-col-2{grid-template-columns:repeat(2,1fr)}.md-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:960px){.lg-grid-8{display:grid;gap:var(--sizing-8)}.lg-grid-12{display:grid;gap:var(--sizing-12)}.lg-grid-16{display:grid;gap:var(--sizing-16)}.lg-grid-col-12{grid-template-columns:repeat(12,1fr)}.lg-grid-col-8{grid-template-columns:repeat(8,1fr)}.lg-grid-col-6{grid-template-columns:repeat(6,1fr)}.lg-grid-col-4{grid-template-columns:repeat(4,1fr)}.lg-grid-col-2{grid-template-columns:repeat(2,1fr)}.lg-grid-col-1{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1280px){.xl-grid-8{display:grid;gap:var(--sizing-8)}.xl-grid-12{display:grid;gap:var(--sizing-12)}.xl-grid-16{display:grid;gap:var(--sizing-16)}.xl-grid-col-12{grid-template-columns:repeat(12,1fr)}.xl-grid-col-8{grid-template-columns:repeat(8,1fr)}.xl-grid-col-6{grid-template-columns:repeat(6,1fr)}.xl-grid-col-4{grid-template-columns:repeat(4,1fr)}.xl-grid-col-2{grid-template-columns:repeat(2,1fr)}.xl-grid-col-1{grid-template-columns:repeat(1,1fr)}}.xs-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.xs-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.xs-flex-grid-12,.xs-flex-grid-16{display:inline-flex;flex-wrap:wrap}.xs-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.xs-flex-grid-col-4>*,.xs-flex-grid-col-4>.xs-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.xs-flex-grid-col-4>.xs-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.xs-flex-grid-col-4>.xs-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.xs-flex-grid-col-4>.xs-flex-col-12,.xs-flex-grid-col-4>.xs-flex-col-4,.xs-flex-grid-col-4>.xs-flex-col-6,.xs-flex-grid-col-4>.xs-flex-col-8{width:100%}.xs-flex-grid-col-6>*,.xs-flex-grid-col-6>.xs-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.xs-flex-grid-col-6>.xs-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.xs-flex-grid-col-6>.xs-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.xs-flex-grid-col-6>.xs-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.xs-flex-grid-col-6>.xs-flex-col-12,.xs-flex-grid-col-6>.xs-flex-col-6,.xs-flex-grid-col-6>.xs-flex-col-8{width:100%}.xs-flex-grid-col-8>*,.xs-flex-grid-col-8>.xs-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.xs-flex-grid-col-8>.xs-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.xs-flex-grid-col-8>.xs-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.xs-flex-grid-col-8>.xs-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.xs-flex-grid-col-8>.xs-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.xs-flex-grid-col-8>.xs-flex-col-12,.xs-flex-grid-col-8>.xs-flex-col-8{width:100%}.xs-flex-grid-col-12>*,.xs-flex-grid-col-12>.xs-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.xs-flex-grid-col-12>.xs-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.xs-flex-grid-col-12>.xs-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.xs-flex-grid-col-12>.xs-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.xs-flex-grid-col-12>.xs-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.xs-flex-grid-col-12>.xs-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.xs-flex-grid-col-12>.xs-flex-col-12{width:100%}@media screen and (min-width:360px){.sm-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.sm-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.sm-flex-grid-12,.sm-flex-grid-16{display:inline-flex;flex-wrap:wrap}.sm-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.sm-flex-grid-col-4>*,.sm-flex-grid-col-4>.sm-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.sm-flex-grid-col-4>.sm-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.sm-flex-grid-col-4>.sm-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.sm-flex-grid-col-4>.sm-flex-col-12,.sm-flex-grid-col-4>.sm-flex-col-4,.sm-flex-grid-col-4>.sm-flex-col-6,.sm-flex-grid-col-4>.sm-flex-col-8{width:100%}.sm-flex-grid-col-6>*,.sm-flex-grid-col-6>.sm-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.sm-flex-grid-col-6>.sm-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.sm-flex-grid-col-6>.sm-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.sm-flex-grid-col-6>.sm-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.sm-flex-grid-col-6>.sm-flex-col-12,.sm-flex-grid-col-6>.sm-flex-col-6,.sm-flex-grid-col-6>.sm-flex-col-8{width:100%}.sm-flex-grid-col-8>*,.sm-flex-grid-col-8>.sm-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.sm-flex-grid-col-8>.sm-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.sm-flex-grid-col-8>.sm-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.sm-flex-grid-col-8>.sm-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.sm-flex-grid-col-8>.sm-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.sm-flex-grid-col-8>.sm-flex-col-12,.sm-flex-grid-col-8>.sm-flex-col-8{width:100%}.sm-flex-grid-col-12>*,.sm-flex-grid-col-12>.sm-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.sm-flex-grid-col-12>.sm-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.sm-flex-grid-col-12>.sm-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.sm-flex-grid-col-12>.sm-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.sm-flex-grid-col-12>.sm-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.sm-flex-grid-col-12>.sm-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.sm-flex-grid-col-12>.sm-flex-col-12{width:100%}}@media screen and (min-width:640px){.md-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.md-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.md-flex-grid-12,.md-flex-grid-16{display:inline-flex;flex-wrap:wrap}.md-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.md-flex-grid-col-4>*,.md-flex-grid-col-4>.md-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.md-flex-grid-col-4>.md-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.md-flex-grid-col-4>.md-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.md-flex-grid-col-4>.md-flex-col-12,.md-flex-grid-col-4>.md-flex-col-4,.md-flex-grid-col-4>.md-flex-col-6,.md-flex-grid-col-4>.md-flex-col-8{width:100%}.md-flex-grid-col-6>*,.md-flex-grid-col-6>.md-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.md-flex-grid-col-6>.md-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.md-flex-grid-col-6>.md-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.md-flex-grid-col-6>.md-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.md-flex-grid-col-6>.md-flex-col-12,.md-flex-grid-col-6>.md-flex-col-6,.md-flex-grid-col-6>.md-flex-col-8{width:100%}.md-flex-grid-col-8>*,.md-flex-grid-col-8>.md-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.md-flex-grid-col-8>.md-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.md-flex-grid-col-8>.md-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.md-flex-grid-col-8>.md-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.md-flex-grid-col-8>.md-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.md-flex-grid-col-8>.md-flex-col-12,.md-flex-grid-col-8>.md-flex-col-8{width:100%}.md-flex-grid-col-12>*,.md-flex-grid-col-12>.md-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.md-flex-grid-col-12>.md-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.md-flex-grid-col-12>.md-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.md-flex-grid-col-12>.md-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.md-flex-grid-col-12>.md-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.md-flex-grid-col-12>.md-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.md-flex-grid-col-12>.md-flex-col-12{width:100%}}@media screen and (min-width:960px){.lg-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.lg-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.lg-flex-grid-12,.lg-flex-grid-16{display:inline-flex;flex-wrap:wrap}.lg-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.lg-flex-grid-col-4>*,.lg-flex-grid-col-4>.lg-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.lg-flex-grid-col-4>.lg-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.lg-flex-grid-col-4>.lg-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.lg-flex-grid-col-4>.lg-flex-col-12,.lg-flex-grid-col-4>.lg-flex-col-4,.lg-flex-grid-col-4>.lg-flex-col-6,.lg-flex-grid-col-4>.lg-flex-col-8{width:100%}.lg-flex-grid-col-6>*,.lg-flex-grid-col-6>.lg-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.lg-flex-grid-col-6>.lg-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.lg-flex-grid-col-6>.lg-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.lg-flex-grid-col-6>.lg-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.lg-flex-grid-col-6>.lg-flex-col-12,.lg-flex-grid-col-6>.lg-flex-col-6,.lg-flex-grid-col-6>.lg-flex-col-8{width:100%}.lg-flex-grid-col-8>*,.lg-flex-grid-col-8>.lg-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.lg-flex-grid-col-8>.lg-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.lg-flex-grid-col-8>.lg-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.lg-flex-grid-col-8>.lg-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.lg-flex-grid-col-8>.lg-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.lg-flex-grid-col-8>.lg-flex-col-12,.lg-flex-grid-col-8>.lg-flex-col-8{width:100%}.lg-flex-grid-col-12>*,.lg-flex-grid-col-12>.lg-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.lg-flex-grid-col-12>.lg-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.lg-flex-grid-col-12>.lg-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.lg-flex-grid-col-12>.lg-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.lg-flex-grid-col-12>.lg-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.lg-flex-grid-col-12>.lg-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.lg-flex-grid-col-12>.lg-flex-col-12{width:100%}}@media screen and (min-width:1280px){.xl-flex-grid-8{--flex-grid-12-gap:0.4584rem;--flex-grid-8-gap:0.4375rem;--flex-grid-6-gap:0.417rem;--flex-grid-4-gap:0.375rem;--flex-grid-12-col-2:0.425rem;--flex-grid-12-col-3:0.3875rem;--flex-grid-12-col-4:0.35rem;--flex-grid-12-col-6:0.2725rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.3875rem;--flex-grid-8-col-3:0.325rem;--flex-grid-8-col-4:0.275rem;--flex-grid-8-col-6:0.225rem;--flex-grid-6-col-2:0.3525rem;--flex-grid-6-col-3:0.275rem;--flex-grid-6-col-4:0.2125rem;--flex-grid-4-col-2:0.25rem;--flex-grid-4-col-3:0.125rem;display:inline-flex;flex-wrap:wrap;gap:var(--sizing-8)}.xl-flex-grid-12{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.828rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-12)}.xl-flex-grid-12,.xl-flex-grid-16{display:inline-flex;flex-wrap:wrap}.xl-flex-grid-16{--flex-grid-12-gap:0.9140625rem;--flex-grid-8-gap:0.875rem;--flex-grid-6-gap:0.8309375rem;--flex-grid-4-gap:0.75rem;--flex-grid-12-col-2:0.8325rem;--flex-grid-12-col-3:0.75rem;--flex-grid-12-col-4:0.6725rem;--flex-grid-12-col-6:0.5125rem;--flex-grid-12-col-8:0.375rem;--flex-grid-8-col-2:0.77275rem;--flex-grid-8-col-3:0.65rem;--flex-grid-8-col-4:0.5rem;--flex-grid-8-col-6:0.275rem;--flex-grid-6-col-2:0.675rem;--flex-grid-6-col-3:0.5rem;--flex-grid-6-col-4:0.355rem;--flex-grid-4-col-2:0.5rem;--flex-grid-4-col-3:0.275rem;gap:var(--sizing-16)}.xl-flex-grid-col-4>*,.xl-flex-grid-col-4>.xl-flex-col-1{width:calc(25% - var(--flex-grid-4-gap))}.xl-flex-grid-col-4>.xl-flex-col-2{width:calc(50% - var(--flex-grid-4-col-2))}.xl-flex-grid-col-4>.xl-flex-col-3{width:calc(75% - var(--flex-grid-4-col-3))}.xl-flex-grid-col-4>.xl-flex-col-12,.xl-flex-grid-col-4>.xl-flex-col-4,.xl-flex-grid-col-4>.xl-flex-col-6,.xl-flex-grid-col-4>.xl-flex-col-8{width:100%}.xl-flex-grid-col-6>*,.xl-flex-grid-col-6>.xl-flex-col-1{width:calc(16.66% - var(--flex-grid-6-gap))}.xl-flex-grid-col-6>.xl-flex-col-2{width:calc(33.34% - var(--flex-grid-6-col-2))}.xl-flex-grid-col-6>.xl-flex-col-3{width:calc(50% - var(--flex-grid-6-col-3))}.xl-flex-grid-col-6>.xl-flex-col-4{width:calc(66.67% - var(--flex-grid-6-col-4))}.xl-flex-grid-col-6>.xl-flex-col-12,.xl-flex-grid-col-6>.xl-flex-col-6,.xl-flex-grid-col-6>.xl-flex-col-8{width:100%}.xl-flex-grid-col-8>*,.xl-flex-grid-col-8>.xl-flex-col-1{width:calc(12.5% - var(--flex-grid-8-gap))}.xl-flex-grid-col-8>.xl-flex-col-2{width:calc(25% - var(--flex-grid-8-col-2))}.xl-flex-grid-col-8>.xl-flex-col-3{width:calc(37.5% - var(--flex-grid-8-col-3))}.xl-flex-grid-col-8>.xl-flex-col-4{width:calc(50% - var(--flex-grid-8-col-4))}.xl-flex-grid-col-8>.xl-flex-col-6{width:calc(75% - var(--flex-grid-8-col-6))}.xl-flex-grid-col-8>.xl-flex-col-12,.xl-flex-grid-col-8>.xl-flex-col-8{width:100%}.xl-flex-grid-col-12>*,.xl-flex-grid-col-12>.xl-flex-col-1{width:calc(8.33% - var(--flex-grid-12-gap))}.xl-flex-grid-col-12>.xl-flex-col-2{width:calc(16.66% - var(--flex-grid-12-col-2))}.xl-flex-grid-col-12>.xl-flex-col-3{width:calc(25% - var(--flex-grid-12-col-3))}.xl-flex-grid-col-12>.xl-flex-col-4{width:calc(33.33% - var(--flex-grid-12-col-4))}.xl-flex-grid-col-12>.xl-flex-col-6{width:calc(50% - var(--flex-grid-12-col-6))}.xl-flex-grid-col-12>.xl-flex-col-8{width:calc(66.66% - var(--flex-grid-12-col-8))}.xl-flex-grid-col-12>.xl-flex-col-12{width:100%}}.font-mode-500{color:var(--color-theme-500)}.font-mode-300{color:var(--color-theme-300)}.font-mode-100{color:var(--color-theme-100)}.bg-mode-500{background:var(--background-theme-500)}.bg-mode-300{background:var(--background-theme-300)}.bg-mode-100{background:var(--background-theme-100)}.border-1-mode-500{border:var(--border-1-theme-500)}.border-2-mode-500{border:var(--border-2-theme-500)}.border-4-mode-500{border:var(--border-4-theme-500)}.align-center{text-align:center!important}.align-justify{text-align:justify!important}.align-left{text-align:right!important}.align-right{text-align:left!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1{font-size:var(--heading1-font-size);letter-spacing:var(--heading1-letter-spacing);line-height:var(--heading1-line-height);min-height:var(--heading1-line-height)}h2{font-size:var(--heading2-font-size);letter-spacing:var(--heading2-letter-spacing);line-height:var(--heading2-line-height);min-height:var(--heading2-line-height)}h3{font-size:var(--heading3-font-size);letter-spacing:var(--heading3-letter-spacing);line-height:var(--heading3-line-height);min-height:var(--heading3-line-height)}h4{font-size:var(--heading4-font-size);letter-spacing:var(--heading4-letter-spacing);line-height:var(--heading4-line-height);min-height:var(--heading4-line-height)}h5{font-size:var(--heading5-font-size);letter-spacing:var(--heading5-letter-spacing);line-height:var(--heading5-line-height);min-height:var(--heading5-line-height)}h6{font-size:var(--heading6-font-size);letter-spacing:var(--heading6-letter-spacing);line-height:var(--heading6-line-height);min-height:var(--heading6-line-height)}.h1-bold,.h1-default,.h1-medium,.h1-regular,.h1-semibold{font-size:var(--heading1-font-size);letter-spacing:var(--heading1-letter-spacing);line-height:var(--heading1-line-height);min-height:var(--heading1-line-height)}.h1-regular{font-weight:var(--font-weight-regular)}.h1-medium{font-weight:var(--font-weight-medium)}.h1-semibold{font-weight:var(--font-weight-semibold)}.h1-bold{font-weight:var(--font-weight-bold)}.h2-bold,.h2-default,.h2-medium,.h2-regular,.h2-semibold{font-size:var(--heading2-font-size);letter-spacing:var(--heading2-letter-spacing);line-height:var(--heading2-line-height);min-height:var(--heading2-line-height)}.h2-regular{font-weight:var(--font-weight-regular)}.h2-medium{font-weight:var(--font-weight-medium)}.h2-semibold{font-weight:var(--font-weight-semibold)}.h2-bold{font-weight:var(--font-weight-bold)}.h3-bold,.h3-default,.h3-medium,.h3-regular,.h3-semibold{font-size:var(--heading3-font-size);letter-spacing:var(--heading3-letter-spacing);line-height:var(--heading3-line-height);min-height:var(--heading3-line-height)}.h3-regular{font-weight:var(--font-weight-regular)}.h3-medium{font-weight:var(--font-weight-medium)}.h3-semibold{font-weight:var(--font-weight-semibold)}.h3-bold{font-weight:var(--font-weight-bold)}.h4-bold,.h4-default,.h4-medium,.h4-regular,.h4-semibold{font-size:var(--heading4-font-size);letter-spacing:var(--heading4-letter-spacing);line-height:var(--heading4-line-height);min-height:var(--heading4-line-height)}.h4-regular{font-weight:var(--font-weight-regular)}.h4-medium{font-weight:var(--font-weight-medium)}.h4-semibold{font-weight:var(--font-weight-semibold)}.h4-bold{font-weight:var(--font-weight-bold)}.h5-bold,.h5-default,.h5-medium,.h5-regular,.h5-semibold{font-size:var(--heading5-font-size);letter-spacing:var(--heading5-letter-spacing);line-height:var(--heading5-line-height);min-height:var(--heading5-line-height)}.h5-regular{font-weight:var(--font-weight-regular)}.h5-medium{font-weight:var(--font-weight-medium)}.h5-semibold{font-weight:var(--font-weight-semibold)}.h5-bold{font-weight:var(--font-weight-bold)}.h6-bold,.h6-default,.h6-medium,.h6-regular,.h6-semibold{font-size:var(--heading6-font-size);letter-spacing:var(--heading6-letter-spacing);line-height:var(--heading6-line-height);min-height:var(--heading6-line-height)}.h6-regular{font-weight:var(--font-weight-regular)}.h6-medium{font-weight:var(--font-weight-medium)}.h6-semibold{font-weight:var(--font-weight-semibold)}.h6-bold{font-weight:var(--font-weight-bold)}.title-bold,.title-default,.title-medium,.title-regular,.title-semibold{font-size:var(--title-font-size);letter-spacing:var(--title-letter-spacing);line-height:var(--title-line-height);min-height:var(--title-line-height)}.title-regular{font-weight:var(--font-weight-regular)}.title-medium{font-weight:var(--font-weight-medium)}.title-semibold{font-weight:var(--font-weight-semibold)}.title-bold{font-weight:var(--font-weight-bold)}.subtitle-bold,.subtitle-default,.subtitle-medium,.subtitle-regular,.subtitle-semibold{font-size:var(--subtitle-font-size);letter-spacing:var(--subtitle-letter-spacing);line-height:var(--subtitle-line-height);min-height:var(--subtitle-line-height)}.subtitle-regular{font-weight:var(--font-weight-regular)}.subtitle-medium{font-weight:var(--font-weight-medium)}.subtitle-semibold{font-weight:var(--font-weight-semibold)}.subtitle-bold{font-weight:var(--font-weight-bold)}.input-bold,.input-default,.input-medium,.input-regular,.input-semibold{font-size:var(--input-font-size);letter-spacing:var(--input-letter-spacing);line-height:var(--input-line-height);min-height:var(--input-line-height)}.input-regular{font-weight:var(--font-weight-regular)}.input-medium{font-weight:var(--font-weight-medium)}.input-semibold{font-weight:var(--font-weight-semibold)}.input-bold{font-weight:var(--font-weight-bold)}.label-bold,.label-default,.label-medium,.label-regular,.label-semibold{font-size:var(--label-font-size);letter-spacing:var(--label-letter-spacing);line-height:var(--label-line-height);min-height:var(--label-line-height)}.label-regular{font-weight:var(--font-weight-regular)}.label-medium{font-weight:var(--font-weight-medium)}.label-semibold{font-weight:var(--font-weight-semibold)}.label-bold{font-weight:var(--font-weight-bold)}.smalltext-bold,.smalltext-default,.smalltext-medium,.smalltext-regular,.smalltext-semibold{font-size:var(--smalltext-font-size);letter-spacing:var(--smalltext-letter-spacing);line-height:var(--smalltext-line-height);min-height:var(--smalltext-line-height)}.smalltext-regular{font-weight:var(--font-weight-regular)}.smalltext-medium{font-weight:var(--font-weight-medium)}.smalltext-semibold{font-weight:var(--font-weight-semibold)}.smalltext-bold{font-weight:var(--font-weight-bold)}.caption-bold,.caption-default,.caption-medium,.caption-regular,.caption-semibold{font-size:var(--caption-font-size);letter-spacing:var(--caption-letter-spacing);line-height:var(--caption-line-height);min-height:var(--caption-line-height)}.caption-regular{font-weight:var(--font-weight-regular)}.caption-medium{font-weight:var(--font-weight-medium)}.caption-semibold{font-weight:var(--font-weight-semibold)}.caption-bold{font-weight:var(--font-weight-bold)}.overline-bold,.overline-default,.overline-medium,.overline-regular,.overline-semibold{font-size:var(--overline-font-size);letter-spacing:var(--overline-letter-spacing);line-height:var(--overline-line-height);min-height:var(--overline-line-height)}.overline-regular{font-weight:var(--font-weight-regular)}.overline-medium{font-weight:var(--font-weight-medium)}.overline-semibold{font-weight:var(--font-weight-semibold)}.overline-bold{font-weight:var(--font-weight-bold)}:root{--rls-avatar-font-size:var(--title-font-size);--rls-avatar-border-radius:var(--sizing-8);--rls-avatar-width:var(--sizing-48);--rls-avatar-height:var(--sizing-48);--rls-ballot-subtitle-width:100%;--rls-ballot-subtitle-height:var(--smalltext-line-height);--rls-ballot-subtitle-overflow:initial;--rls-ballot-subtitle-text-overflow:initial;--rls-ballot-subtitle-white-space:initial;--rls-boxfield-body-padding:0rem;--rls-boxfield-body-border:var(--border-1-theme-100);--rls-boxfield-body-shadow:none;--rls-boxfield-label-font-color:var(--color-theme-100);--rls-breadcrumb-height:var(--sizing-36);--rls-button-label-text-transform:uppercase;--rls-button-content-padding:0rem var(--sizing-8);--rls-button-content-radius:var(--sizing-4);--rls-buttonaction-ripple-dimension:var(--sizing-36);--rls-buttonaction-ripple-position:-1.125rem;--rls-form-footer-justify-content:end;--rls-icon-font-size:var(--sizing-24);--rls-icon-width:var(--sizing-24);--rls-icon-height:var(--sizing-24);--rls-input-font-color:var(--color-theme-500);--rls-input-font-size:var(--sizing-16);--rls-input-letter-spacing:var(--body-letter-spacing);--rls-input-height:var(--sizing-24);--rls-input-parent-padding:0rem;--rls-poster-height:var(--sizing-36);--rls-poster-padding:var(--sizing-8);--rls-snackbar-left:50%;--rls-tabulartext-char-width:0.625rem;--rls-tabulartext-pointer-width:0.25rem;--rls-toolbar-height:var(--sizing-56)}.rls-app__body{display:flex;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:0;transition:right .24s 0ms var(--standard-curve),width .24s 0ms var(--standard-curve)}.rls-app__body,.rls-app__header{width:100%;z-index:var(--z-index-8)}.rls-app__header{--rls-toolbar-height:100%;background:var(--background-theme-100);box-sizing:border-box;height:3.5rem;position:relative}.rls-app__header+.rls-app__content,.rls-app__header+.rls-app__page{height:calc(100vh - 3.5rem)}.rls-app__content{overflow:auto}.rls-app__content,.rls-app__page{box-sizing:border-box;height:100vh;margin:0;padding:0;position:relative;width:100%}.rls-app__page{display:flex;overflow:hidden}.rls-app__page__nav{background:var(--background-theme-100);border-radius:0 0 0 2rem;box-sizing:border-box;height:100%;margin:0;overflow:auto;padding:0;position:relative;width:20rem}.rls-app__page__nav+.rls-app__page__content{--rls-snackbar-left:calc(50% + 10rem);width:calc(100% - 20rem)}.rls-app__page__content{height:100%;margin:0;overflow:auto;padding:0}.rls-app__page__content,.rls-box-field{box-sizing:border-box;position:relative;width:100%}.rls-box-field{--pvt-body-background:#f8f8f8;--pvt-body-opacity:1;--pvt-label-opacity:1;float:right;transition:height .16s 0ms var(--standard-curve)}.rls-box-field--active{--rls-boxfield-body-border:var(--border-1-rolster-500);--rls-boxfield-body-shadow:0px 0px 0px 3px var(--box-shadow-rolster-500);--rls-boxfield-label-font-color:var(--color-rolster-500);--pvt-body-background:var(--background-theme-500)}.rls-box-field--error{--rls-boxfield-body-border:var(--border-1) solid var(--color-danger-500);--rls-boxfield-body-shadow:0px 0px 0px 3px var(--box-shadow-danger-500);--rls-boxfield-label-font-color:var(--color-danger-500)}.rls-box-field--disabled{--pvt-body-background:var(--background-theme-500);--pvt-body-opacity:0.75;--pvt-label-opacity:0.5}.rls-box-field__label{box-sizing:border-box;color:var(--rls-boxfield-label-font-color);float:right;font-size:var(--smalltext-font-size);font-weight:var(--font-weight-medium);letter-spacing:var(--smalltext-letter-spacing);line-height:var(--smalltext-line-height);margin-bottom:var(--sizing-4);min-height:var(--smalltext-line-height);opacity:var(--pvt-label-opacity);overflow:hidden;padding:0 .625rem;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.rls-box-field__label span{color:var(--color-danger-500)}.rls-box-field__body{background:var(--pvt-body-background);border:var(--rls-boxfield-body-border);border-radius:var(--sizing-4);box-shadow:var(--rls-boxfield-body-shadow);box-sizing:border-box;display:flex;opacity:var(--pvt-body-opacity);overflow:hidden;padding:var(--rls-boxfield-body-padding)}.rls-box-field__helper{box-sizing:border-box;color:var(--color-theme-100);font-size:var(--overline-font-size);font-weight:var(--font-weight-medium);letter-spacing:var(--overline-letter-spacing);line-height:var(--overline-line-height);margin-top:var(--sizing-4);min-height:var(--overline-line-height);padding:0 .625rem}.rls-box-field__helper--error{color:var(--color-danger-500)}.rls-datatable{--pvt-datatable-letter-spacing:0.525px;--pvt-datatable-font-size:0.8725rem;border-radius:var(--sizing-8);box-sizing:border-box;float:right;position:relative;width:100%}.rls-datatable>table,.rls-datatable__content{display:block;float:right;position:relative;width:100%}.rls-datatable__content{border-radius:0}.rls-datatable__table{border-collapse:collapse;border-spacing:0;display:block;float:right;width:100%}.rls-datatable__thead{display:block;float:right;margin-bottom:var(--sizing-4);width:100%}.rls-datatable__header{box-sizing:border-box;display:flex;padding:0 var(--sizing-12)}.rls-datatable__title{color:var(--color-theme-500);display:block;float:right;font-size:var(--pvt-datatable-font-size);font-weight:var(--font-weight-bold);height:var(--sizing-40);letter-spacing:var(--pvt-datatable-letter-spacing);line-height:var(--sizing-40);overflow:hidden;padding:0 var(--sizing-4);position:relative;text-align:right;text-overflow:ellipsis;white-space:nowrap}.rls-datatable__title--control{--rls-avatar-border-radius:var(--sizing-6);--rls-avatar-width:var(--sizing-32);--rls-avatar-height:var(--sizing-32);--rls-avatar-font-size:var(--pvt-datatable-font-size);--rls-buttonaction-ripple-dimension:var(--sizing-32);--rls-buttonaction-ripple-position:-1rem;display:flex;padding:0;width:var(--sizing-48)}.rls-datatable__title--control>*{margin:auto}.rls-datatable__tbody{display:block;float:right;position:relative;width:100%}.rls-datatable__data{background:#fcfcfc;border:var(--border-1-theme-100);border-radius:var(--sizing-8);box-sizing:border-box;display:flex;padding:0 var(--sizing-12);position:relative}.rls-datatable__data--error{border:var(--border-1-danger-100)}.rls-datatable__data+.rls-datatable__data{margin-top:var(--sizing-12)}.rls-datatable__cell{color:var(--color-theme-input);cursor:default;display:block;float:right;font-size:var(--pvt-datatable-font-size);font-weight:var(--font-weight-medium);height:var(--sizing-40);letter-spacing:var(--pvt-datatable-letter-spacing);line-height:var(--sizing-40);padding:0 var(--sizing-4);position:relative;text-align:right}.rls-datatable__cell--control{--rls-avatar-border-radius:var(--sizing-6);--rls-avatar-width:var(--sizing-32);--rls-avatar-height:var(--sizing-32);--rls-avatar-font-size:var(--pvt-datatable-font-size);--rls-buttonaction-ripple-dimension:var(--sizing-32);--rls-buttonaction-ripple-position:-1rem;display:flex;padding:0;width:var(--sizing-48)}.rls-datatable__cell--control>*{margin:auto}.rls-datatable__cell .rls-box-field{padding:0;width:100%}.rls-datatable__cell .rls-box-field__label{display:none}.rls-datatable__cell .rls-box-field__body{background:transparent;border:none;box-shadow:none;padding:0}.rls-datatable__cell .rls-box-field__body .rls-input-field{padding:var(--sizing-8) 0!important}.rls-datatable__cell .rls-box-field__body .rls-input-field__component,.rls-datatable__cell .rls-box-field__body .rls-input-field__value{font-size:var(--pvt-datatable-font-size);font-weight:var(--font-weight-medium);letter-spacing:var(--body-2-letter-spacing)}.rls-datatable__cell .rls-box-field__icon{padding:0}.rls-datatable__cell .rls-list-field .rls-box-field__body{border:none;box-shadow:none;padding:var(--sizing-8) 0}.rls-datatable__cell .rls-list-field__control{font-size:var(--pvt-datatable-font-size);font-weight:var(--font-weight-medium);letter-spacing:var(--body-2-letter-spacing)}.rls-datatable__cell .rls-list-field__suggestions{top:var(--sizing-48)}.rls-datatable__cell .rls-list-field__suggestions--higher{bottom:var(--sizing-48);top:auto}.rls-datatable__cell .rls-list-field__action .rls-icon{font-size:var(--sizing-20)}.rls-datatable__cell .rls-input{margin:var(--sizing-8) 0}.rls-datatable__cell .rls-amount,.rls-datatable__cell .rls-input__component{font-size:var(--pvt-datatable-font-size)}.rls-datatable__cell .rls-poster{align-items:center;background:var(--color-rolster-100);color:var(--color-rolster-500);display:flex;height:100%;height:var(--sizing-28);justify-content:center;line-height:var(--sizing-28);margin:var(--sizing-6) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - var(--sizing-4))}.rls-datatable__cell>.rls-ballot{height:var(--sizing-40);padding:0}.rls-datatable__cell>.rls-ballot .rls-ballot__title{font-size:var(--smalltext-font-size);font-weight:var(--font-weight-semibold);letter-spacing:var(--smalltext-letter-spacing);line-height:1rem;min-height:1rem}.rls-datatable__cell>.rls-ballot .rls-ballot__subtitle{font-size:var(--overline-font-size);letter-spacing:var(--overline-letter-spacing);line-height:1rem;margin-top:0;min-height:1rem}.rls-datatable__cell>a:hover{color:var(--color-theme-700);text-decoration:underline}.rls-datatable__tfooter{background:var(--color-theme-100);border-radius:0 0 var(--sizing-8) var(--sizing-8);float:right;overflow:hidden;position:relative;width:100%}.rls-form__content{box-sizing:border-box;float:right;padding:0 var(--sizing-16);position:relative}.rls-form__content+.rls-form__content{margin-top:var(--sizing-24)}.rls-form__footer{column-gap:var(--sizing-16);display:flex;justify-content:var(--rls-form-footer-justify-content);margin-top:var(--sizing-24);padding:0 var(--sizing-16)}.rls-form__footer,.rls-list-field{box-sizing:border-box;float:right;position:relative}.rls-list-field{--rls-boxfield-body-padding:var(--sizing-6) var(--sizing-8);--pvt-action-font-color:var(--color-theme-300);--pvt-list-height:0rem;--pvt-list-opacity:0;--pvt-list-transform:scale(0);--pvt-list-transform-origin:0% 0%;--pvt-backdrop-opacity:0;--pvt-backdrop-bottom:initial;width:100%}.rls-list-field.rls-box-field--active{--rls-boxfield-body-shadow:0px 0px 0px 3px var(--box-shadow-theme-100);--rls-boxfield-body-border:var(--border-1-theme-300);--rls-boxfield-label-font-color:var(--color-theme-300)}.rls-list-field.rls-box-field--disabled{--pvt-action-font-color:var(--color-theme-100)}.rls-list-field__control{background:transparent;border:none;color:var(--rls-input-font-color);cursor:text;float:right;font-size:var(--rls-input-size);font-weight:var(--font-weight-medium);height:var(--sizing-24);letter-spacing:var(--rls-input-letter-spacing);line-height:var(--sizing-24);outline:none;padding:0;position:relative;width:calc(100% - var(--sizing-28))}.rls-list-field__control::placeholder{color:var(--color-theme-100)}.rls-list-field__control::selection{background:var(--color-rolster-700);color:var(--color-light-500)}.rls-list-field__control:disabled{opacity:.5}.rls-list-field__control__placeholder{color:var(--color-theme-100);float:right;position:relative}.rls-list-field__action{background:transparent;color:var(--pvt-action-font-color);height:var(--sizing-24);margin-right:var(--sizing-4);outline:none;padding:0;width:var(--sizing-24)}.rls-list-field__suggestions{height:0;overflow:hidden;position:absolute;right:0;top:4.25rem;width:100%;z-index:var(--z-index-4)}.rls-list-field__suggestions--visible{--pvt-list-height:auto;--pvt-list-opacity:1;--pvt-list-transform:scale(1);height:auto;opacity:1;overflow:initial}.rls-list-field__suggestions--higher{--pvt-list-transform-origin:0% 100%;bottom:var(--sizing-48);top:auto}.rls-list-field__ul{background:var(--background-theme-500);border:var(--border-1-rolster-500);border-radius:.5rem;box-shadow:0 0 0 3px var(--box-shadow-rolster-500);box-sizing:border-box;display:flex;flex-direction:column;float:right;height:var(--pvt-list-height);opacity:var(--pvt-list-opacity);overflow-x:hidden;overflow-y:auto;padding:var(--sizing-8) 0;position:relative;transform:var(--pvt-list-transform);transform-origin:var(--pvt-list-transform-origin);transition:opacity .24s 0ms var(--standard-curve),transform .24s 0ms var(--standard-curve);width:100%;will-change:opacity,transform;z-index:var(--z-index-2)}.rls-list-field__element{--rls-ballot-subtitle-overflow:hidden;--rls-ballot-subtitle-text-overflow:ellipsis;--rls-ballot-subtitle-white-space:nowrap;box-sizing:border-box;outline:none;padding:0 var(--sizing-8)}.rls-list-field__element:hover{background:var(--background-theme-300)}.rls-list-field__element:not(:hover):focus{background:var(--color-rolster-100)}.rls-list-field__empty{box-sizing:border-box;display:flex;padding:0 var(--sizing-16)}.rls-list-field__empty__avatar{height:var(--sizing-40);width:var(--sizing-40)}.rls-list-field__empty__avatar img{width:100%}.rls-list-field__empty__description{box-sizing:border-box;width:100%}.rls-list-field__empty__description label{color:var(--color-theme-300);display:block;float:right;width:100%}.rls-list-field__backdrop{backdrop-filter:blur(2px);background:var(--backdrop-rolster-500);bottom:var(--pvt-backdrop-bottom);display:block;left:0;opacity:var(--pvt-backdrop-opacity);position:absolute;right:0;top:0;transition:opacity .12s 0ms var(--deceleration-curve),bottom .12s 0ms var(--deceleration-curve);will-change:opacity;z-index:var(--z-index-1)}@media screen and (max-width:480px){.rls-list-field{--pvt-list-transform:translateY(100%);--pvt-list-transform-origin:initial}.rls-list-field__suggestions{display:flex;justify-content:center}.rls-list-field__suggestions--visible{--pvt-list-transform:translateY(0%);--pvt-backdrop-opacity:1;--pvt-backdrop-bottom:0rem;height:100%;position:fixed;right:0;top:0;z-index:var(--z-index-32)}.rls-list-field__ul{border:none;border-radius:var(--sizing-8) var(--sizing-8) 0 0;bottom:0;box-shadow:none;max-height:75%;max-width:25rem;min-height:25%;padding:var(--sizing-16) var(--sizing-4);position:absolute;width:100%}.rls-list-field__empty{flex-direction:column;margin:auto}.rls-list-field__empty__avatar{height:auto;margin:auto;max-width:8rem;padding-bottom:var(--sizing-12);width:100%}.rls-list-field__empty__description{padding-right:0;width:100%}.rls-list-field__empty__description label{margin-top:var(--sizing-4);text-align:center}}
package/package.json CHANGED
@@ -1,32 +1,33 @@
1
- {
2
- "name": "@rolster/styles-foundations",
3
- "version": "1.0.0",
4
- "description": "Front-end style pack to develop responsive and mobile projects on the web with Rolster.",
5
- "sass": "scss/styles.scss",
6
- "style": "dist/styles.css",
7
- "author": "Rolster Technology <rolster.developments@gmail.com>",
8
- "license": "MIT",
9
- "files": [
10
- "dist/",
11
- "fonts/",
12
- "icons/",
13
- "scss/"
14
- ],
15
- "scripts": {
16
- "clean": "rimraf ./dist",
17
- "sass-to-css": "node-sass scss/styles.scss -o dist/",
18
- "css-minify": "css-minify -d dist/ -o dist/",
19
- "rltcss": "rtlcss dist/styles.css dist/styles.rtl.css",
20
- "build": "npm run clean && npm run sass-to-css && npm run rltcss && npm run css-minify"
21
- },
22
- "devDependencies": {
23
- "css-minify": "^2.0.0",
24
- "node-sass": "^9.0.0",
25
- "rimraf": "^3.0.2",
26
- "rtlcss": "^4.1.0"
27
- },
28
- "repository": {
29
- "type": "git",
30
- "url": "https://github.com/rolster-developments/typescript-forms.git"
31
- }
32
- }
1
+ {
2
+ "name": "@rolster/styles-foundations",
3
+ "version": "1.0.2",
4
+ "description": "Front-end style pack to develop responsive and mobile projects on the web with Rolster.",
5
+ "sass": "scss/styles.scss",
6
+ "style": "dist/styles.css",
7
+ "author": "Rolster Technology <rolster.developments@gmail.com>",
8
+ "license": "MIT",
9
+ "files": [
10
+ "dist/",
11
+ "scss/"
12
+ ],
13
+ "scripts": {
14
+ "clean": "rimraf ./dist",
15
+ "sass:build": "node-sass scss/_rolster-styles.scss dist/rolster-styles.css",
16
+ "css:prettier": "prettier --write dist/*.css --ignore-path .prettierignore",
17
+ "css:minify": "css-minify -d dist/ -o dist/",
18
+ "rltcss": "rtlcss dist/rolster-styles.css dist/rolster-styles.rtl.css",
19
+ "build": "npm run clean && npm run sass:build && npm run rltcss && npm run css:prettier && npm run css:minify",
20
+ "prepublishOnly": "npm run build"
21
+ },
22
+ "devDependencies": {
23
+ "css-minify": "^2.0.0",
24
+ "node-sass": "^9.0.0",
25
+ "prettier": "^3.0.3",
26
+ "rimraf": "^3.0.2",
27
+ "rtlcss": "^4.1.0"
28
+ },
29
+ "repository": {
30
+ "type": "git",
31
+ "url": "https://github.com/rolster-developments/styles-foundations"
32
+ }
33
+ }
package/readme.md CHANGED
@@ -1,13 +1,13 @@
1
- # Rolster Styles Foundations
2
-
3
- Front-end style pack to develop responsive and mobile projects on the web with Rolster.
4
-
5
- ## Installation
6
-
7
- ```
8
- npm i @rolster/styles-foundations
9
- ```
10
-
11
- ## Contributing
12
-
13
- - Daniel Andrés Castillo Pedroza :rocket:
1
+ # Rolster Styles Foundations
2
+
3
+ Front-end style pack to develop responsive and mobile projects on the web with Rolster.
4
+
5
+ ## Installation
6
+
7
+ ```
8
+ npm i @rolster/styles-foundations
9
+ ```
10
+
11
+ ## Contributing
12
+
13
+ - Daniel Andrés Castillo Pedroza :rocket:
package/scss/_rolster-components.scss CHANGED
@@ -1,9 +1,61 @@
1
- // Rolster Technology Components
2
- // v1.0.0
3
- // @license MIT
4
- // Author: Rolster Developers
5
- // Created: 13/Abr/2023
6
- // Updated: 13/Abr/2023
7
-
8
- @import 'components/app';
9
- @import 'components/box-field';
1
+ // Rolster Technology Components
2
+ // v1.0.1
3
+ // @license MIT
4
+ // Author: Rolster Developers
5
+ // Created: 13/Abr/2023
6
+ // Updated: 12/Sep/2023
7
+
8
+ :root {
9
+ --rls-avatar-font-size: var(--title-font-size);
10
+ --rls-avatar-border-radius: var(--sizing-8);
11
+ --rls-avatar-width: var(--sizing-48);
12
+ --rls-avatar-height: var(--sizing-48);
13
+
14
+ --rls-ballot-subtitle-width: 100%;
15
+ --rls-ballot-subtitle-height: var(--smalltext-line-height);
16
+ --rls-ballot-subtitle-overflow: initial;
17
+ --rls-ballot-subtitle-text-overflow: initial;
18
+ --rls-ballot-subtitle-white-space: initial;
19
+
20
+ --rls-boxfield-body-padding: 0rem;
21
+ --rls-boxfield-body-border: var(--border-1-theme-100);
22
+ --rls-boxfield-body-shadow: none;
23
+ --rls-boxfield-label-font-color: var(--color-theme-100);
24
+
25
+ --rls-breadcrumb-height: var(--sizing-36);
26
+
27
+ --rls-button-label-text-transform: uppercase;
28
+ --rls-button-content-padding: 0rem var(--sizing-8);
29
+ --rls-button-content-radius: var(--sizing-4);
30
+
31
+ --rls-buttonaction-ripple-dimension: var(--sizing-36);
32
+ --rls-buttonaction-ripple-position: -1.125rem;
33
+
34
+ --rls-form-footer-justify-content: end;
35
+
36
+ --rls-icon-font-size: var(--sizing-24);
37
+ --rls-icon-width: var(--sizing-24);
38
+ --rls-icon-height: var(--sizing-24);
39
+
40
+ --rls-input-font-color: var(--color-theme-500);
41
+ --rls-input-font-size: var(--sizing-16);
42
+ --rls-input-letter-spacing: var(--body-letter-spacing);
43
+ --rls-input-height: var(--sizing-24);
44
+ --rls-input-parent-padding: 0rem;
45
+
46
+ --rls-poster-height: var(--sizing-36);
47
+ --rls-poster-padding: var(--sizing-8);
48
+
49
+ --rls-snackbar-left: 50%;
50
+
51
+ --rls-tabulartext-char-width: 0.625rem;
52
+ --rls-tabulartext-pointer-width: 0.25rem;
53
+
54
+ --rls-toolbar-height: var(--sizing-56);
55
+ }
56
+
57
+ @import 'components/app';
58
+ @import 'components/box-field';
59
+ @import 'components/data-table';
60
+ @import 'components/form';
61
+ @import 'components/list-field';
package/scss/_rolster-foundations.scss CHANGED
@@ -1,13 +1,13 @@
1
- // Rolster Technology Foundations
2
- // v1.0.0
3
- // @license MIT
4
- // Author: Rolster Developers
5
- // Created: 03/Mar/2022
6
- // Updated: 13/Abr/2023
7
-
8
- @import 'foundations/animations-foundations';
9
- @import 'foundations/colors-foundations';
10
- @import 'foundations/sizings-foundations';
11
- @import 'foundations/elevations-foundations';
12
- @import 'foundations/themes-foundations';
13
- @import 'foundations/typographics-foundations';
1
+ // Rolster Technology Foundations
2
+ // v1.0.0
3
+ // @license MIT
4
+ // Author: Rolster Developers
5
+ // Created: 03/Mar/2022
6
+ // Updated: 13/Abr/2023
7
+
8
+ @import 'foundations/animations-foundations';
9
+ @import 'foundations/colors-foundations';
10
+ @import 'foundations/sizings-foundations';
11
+ @import 'foundations/elevations-foundations';
12
+ @import 'foundations/themes-foundations';
13
+ @import 'foundations/typographics-foundations';
package/scss/{styles.scss → _rolster-styles.scss} RENAMED
@@ -1,10 +1,10 @@
1
- // Rolster Technology Styles
2
- // v1.0.0
3
- // @license MIT
4
- // Author: Rolster Developers
5
- // Created: 11/Ago/2022
6
- // Updated: 13/Abr/2023
7
-
8
- @import 'rolster-foundations';
9
- @import 'rolster-utilities';
10
- @import 'rolster-components';
1
+ // Rolster Technology Styles
2
+ // v1.0.0
3
+ // @license MIT
4
+ // Author: Rolster Developers
5
+ // Created: 11/Ago/2022
6
+ // Updated: 13/Abr/2023
7
+
8
+ @import 'rolster-foundations';
9
+ @import 'rolster-utilities';
10
+ @import 'rolster-components';
package/scss/_rolster-utilities.scss CHANGED
@@ -1,13 +1,13 @@
1
- // Rolster Technology Utilities
2
- // v1.0.0
3
- // @license MIT
4
- // Author: Rolster Developers
5
- // Created: 13/Abr/2023
6
- // Updated: 13/Abr/2023
7
-
8
- @import 'utilities/normalize-utilities';
9
- @import 'utilities/colors-utilities';
10
- @import 'utilities/layout-utilities';
11
- @import 'utilities/themes-utilities';
12
- @import 'utilities/texts-utilities';
13
- @import 'utilities/typographics-utilities';
1
+ // Rolster Technology Utilities
2
+ // v1.0.0
3
+ // @license MIT
4
+ // Author: Rolster Developers
5
+ // Created: 13/Abr/2023
6
+ // Updated: 13/Abr/2023
7
+
8
+ @import 'utilities/normalize-utilities';
9
+ @import 'utilities/colors-utilities';
10
+ @import 'utilities/layout-utilities';
11
+ @import 'utilities/themes-utilities';
12
+ @import 'utilities/texts-utilities';
13
+ @import 'utilities/typographics-utilities';
package/scss/components/_app.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  // Rolster Technology App Component
2
- // v1.0.0
2
+ // v1.0.1
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
6
- // Updated: 16/Abr/2023
6
+ // Updated: 12/Sep/2023
7
7
 
8
8
  .rls-app {
9
9
  &__body {
@@ -18,11 +18,14 @@
18
18
  height: 100%;
19
19
  z-index: var(--z-index-8);
20
20
  overflow: hidden;
21
- transition: left 240ms 0ms var(--standard-curve),
21
+ transition:
22
+ left 240ms 0ms var(--standard-curve),
22
23
  width 240ms 0ms var(--standard-curve);
23
24
  }
24
25
 
25
26
  &__header {
27
+ --rls-toolbar-height: 100%;
28
+
26
29
  position: relative;
27
30
  width: 100%;
28
31
  height: 3.5rem;
@@ -34,10 +37,6 @@
34
37
  & + .rls-app__content {
35
38
  height: calc(100vh - 3.5rem);
36
39
  }
37
-
38
- .rls-toolbar {
39
- height: 100%;
40
- }
41
40
  }
42
41
 
43
42
  &__content {
@@ -62,17 +61,19 @@
62
61
 
63
62
  &__nav {
64
63
  position: relative;
65
- width: 17.5rem;
64
+ width: 20rem;
66
65
  height: 100%;
67
66
  margin: 0rem;
68
67
  padding: 0rem;
69
68
  overflow: auto;
70
69
  box-sizing: border-box;
71
- border-radius: 0rem 0rem var(--sizing-48) 0rem;
70
+ border-radius: 0rem 0rem 2rem 0rem;
72
71
  background: var(--background-theme-100);
73
72
 
74
73
  & + .rls-app__page__content {
75
- width: calc(100% - 17.5rem);
74
+ --rls-snackbar-left: calc(50% + 10rem);
75
+
76
+ width: calc(100% - 20rem);
76
77
  }
77
78
  }
78
79