@baloise/ds-styles 17.4.0-snapshot.1609-d2bcc38d3 → 17.4.1

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 (75) hide show
  1. package/css/all.css +1058 -651
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +1058 -651
  5. package/css/baloise-design-system.css.map +1 -1
  6. package/css/baloise-design-system.min.css +1 -1
  7. package/css/basic.css +127 -53
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +53 -53
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/structure.css.map +1 -1
  14. package/css/utilities/all.css +600 -600
  15. package/css/utilities/all.css.map +1 -1
  16. package/css/utilities/all.min.css +1 -1
  17. package/css/utilities/background.css.map +1 -1
  18. package/css/utilities/border.css.map +1 -1
  19. package/css/utilities/elevation.css.map +1 -1
  20. package/css/utilities/flex.css.map +1 -1
  21. package/css/utilities/grid.css.map +1 -1
  22. package/css/utilities/interaction.css.map +1 -1
  23. package/css/utilities/layout.css.map +1 -1
  24. package/css/utilities/sizing.css.map +1 -1
  25. package/css/utilities/spacing.css +600 -600
  26. package/css/utilities/spacing.css.map +1 -1
  27. package/css/utilities/spacing.min.css +1 -1
  28. package/css/utilities/typography.css.map +1 -1
  29. package/package.json +3 -3
  30. package/sass/all.sass +6 -6
  31. package/sass/baloise-design-system.sass +1 -1
  32. package/sass/basic.sass +5 -5
  33. package/sass/core.sass +4 -3
  34. package/sass/font.sass +1 -1
  35. package/sass/mixins.sass +3 -1
  36. package/sass/structure.sass +1 -1
  37. package/sass/utilities/all.sass +9 -9
  38. package/sass/utilities/background.sass +2 -2
  39. package/sass/utilities/border.sass +2 -2
  40. package/sass/utilities/elevation.sass +2 -2
  41. package/sass/utilities/flex.sass +2 -2
  42. package/sass/utilities/grid.sass +2 -2
  43. package/sass/utilities/interaction.sass +2 -2
  44. package/sass/utilities/layout.sass +2 -2
  45. package/sass/utilities/sizing.sass +2 -2
  46. package/sass/utilities/spacing.sass +2 -2
  47. package/sass/utilities/typography.sass +2 -2
  48. package/src/core/_all.sass +8 -8
  49. package/src/core/container.sass +0 -2
  50. package/src/core/form/_all.sass +6 -6
  51. package/src/core/form/button.sass +0 -2
  52. package/src/core/form/file.sass +0 -3
  53. package/src/core/form/input-textarea.sass +0 -2
  54. package/src/core/form/select.sass +0 -3
  55. package/src/core/form/shared.sass +0 -2
  56. package/src/core/form/tools.sass +0 -2
  57. package/src/core/grid.sass +0 -1
  58. package/src/core/link.sass +0 -2
  59. package/src/core/list.sass +0 -2
  60. package/src/core/table.sass +0 -2
  61. package/src/core/typography.sass +0 -2
  62. package/src/core/vars/_all.sass +7 -7
  63. package/src/generated/background.sass +0 -3
  64. package/src/generated/border.sass +0 -3
  65. package/src/generated/elevation.sass +0 -3
  66. package/src/generated/flex.sass +0 -3
  67. package/src/generated/interaction.sass +0 -3
  68. package/src/generated/layout.sass +0 -3
  69. package/src/generated/sizing.sass +0 -3
  70. package/src/generated/spacing.sass +600 -603
  71. package/src/generated/typography.sass +0 -3
  72. package/src/mixins/_all.sass +6 -6
  73. package/src/mixins/breakpoint.mixin.sass +0 -2
  74. package/src/mixins/extends.sass +0 -2
  75. package/src/mixins/general.mixin.sass +0 -1
package/css/utilities/elevation.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/elevation.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACnEA;EDsEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5HF;ED+HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7KF;EDgLA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClNF;EDqNA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AC1TA;ED6TA;IACE;;;AC1TF;ED6TA;IACE;;;AClTF;EDqTA;IACE;;;AC9RF;EDiSA;IACE","sourcesContent":["@use '../mixins/_all' as *\n\n\n.opacity-0\n opacity: var(--bal-opacity-0) !important\n\n.opacity-30\n opacity: var(--bal-opacity-30) !important\n\n.opacity-40\n opacity: var(--bal-opacity-40) !important\n\n.opacity-50\n opacity: var(--bal-opacity-50) !important\n\n.opacity-60\n opacity: var(--bal-opacity-60) !important\n\n.opacity-80\n opacity: var(--bal-opacity-80) !important\n\n.opacity-100\n opacity: var(--bal-opacity-100) !important\n\n.shadow-none\n box-shadow: none !important\n\n.shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n.shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n.shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n.shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n.focus\\:shadow-none:focus\n box-shadow: none !important\n\n.hover\\:shadow-none:hover\n box-shadow: none !important\n\n.active\\:shadow-none:active\n box-shadow: none !important\n\n.focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n.hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n.active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n.focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n.hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n.active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n.focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n.hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n.active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n.focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n.hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n.active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+mobile\n .mobile\\:shadow-none\n box-shadow: none !important\n\n .mobile\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .mobile\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .mobile\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .mobile\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .mobile\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .mobile\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .mobile\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+tablet\n .tablet\\:shadow-none\n box-shadow: none !important\n\n .tablet\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .tablet\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .tablet\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .tablet\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .tablet\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .tablet\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .tablet\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+desktop\n .desktop\\:shadow-none\n box-shadow: none !important\n\n .desktop\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .desktop\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .desktop\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .desktop\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .desktop\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .desktop\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .desktop\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+widescreen\n .widescreen\\:shadow-none\n box-shadow: none !important\n\n .widescreen\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .widescreen\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .widescreen\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .widescreen\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .widescreen\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .widescreen\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .widescreen\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n.text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+mobile\n .mobile\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+tablet\n .tablet\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+desktop\n .desktop\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+widescreen\n .widescreen\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/elevation.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AClEA;EDqEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC3HF;ED8HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5KF;ED+KA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjNF;EDoNA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;ACzTA;ED4TA;IACE;;;ACzTF;ED4TA;IACE;;;ACjTF;EDoTA;IACE;;;AC7RF;EDgSA;IACE","sourcesContent":[".opacity-0\n opacity: var(--bal-opacity-0) !important\n\n.opacity-30\n opacity: var(--bal-opacity-30) !important\n\n.opacity-40\n opacity: var(--bal-opacity-40) !important\n\n.opacity-50\n opacity: var(--bal-opacity-50) !important\n\n.opacity-60\n opacity: var(--bal-opacity-60) !important\n\n.opacity-80\n opacity: var(--bal-opacity-80) !important\n\n.opacity-100\n opacity: var(--bal-opacity-100) !important\n\n.shadow-none\n box-shadow: none !important\n\n.shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n.shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n.shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n.shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n.focus\\:shadow-none:focus\n box-shadow: none !important\n\n.hover\\:shadow-none:hover\n box-shadow: none !important\n\n.active\\:shadow-none:active\n box-shadow: none !important\n\n.focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n.hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n.active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n.focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n.hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n.active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n.focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n.hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n.active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n.focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n.hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n.active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+mobile\n .mobile\\:shadow-none\n box-shadow: none !important\n\n .mobile\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .mobile\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .mobile\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .mobile\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .mobile\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .mobile\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .mobile\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .mobile\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .mobile\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .mobile\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+tablet\n .tablet\\:shadow-none\n box-shadow: none !important\n\n .tablet\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .tablet\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .tablet\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .tablet\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .tablet\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .tablet\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .tablet\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .tablet\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .tablet\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .tablet\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+desktop\n .desktop\\:shadow-none\n box-shadow: none !important\n\n .desktop\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .desktop\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .desktop\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .desktop\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .desktop\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .desktop\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .desktop\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .desktop\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .desktop\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .desktop\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n+widescreen\n .widescreen\\:shadow-none\n box-shadow: none !important\n\n .widescreen\\:shadow-small\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:shadow-normal\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:shadow-large\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:shadow-header\n box-shadow: var(--bal-shadow-header) !important\n\n .widescreen\\:focus\\:shadow-none:focus\n box-shadow: none !important\n\n .widescreen\\:hover\\:shadow-none:hover\n box-shadow: none !important\n\n .widescreen\\:active\\:shadow-none:active\n box-shadow: none !important\n\n .widescreen\\:focus\\:shadow-small:focus\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:hover\\:shadow-small:hover\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:active\\:shadow-small:active\n box-shadow: var(--bal-shadow-small) !important\n\n .widescreen\\:focus\\:shadow-normal:focus\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:hover\\:shadow-normal:hover\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:active\\:shadow-normal:active\n box-shadow: var(--bal-shadow-normal) !important\n\n .widescreen\\:focus\\:shadow-large:focus\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:hover\\:shadow-large:hover\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:active\\:shadow-large:active\n box-shadow: var(--bal-shadow-large) !important\n\n .widescreen\\:focus\\:shadow-header:focus\n box-shadow: var(--bal-shadow-header) !important\n\n .widescreen\\:hover\\:shadow-header:hover\n box-shadow: var(--bal-shadow-header) !important\n\n .widescreen\\:active\\:shadow-header:active\n box-shadow: var(--bal-shadow-header) !important\n\n.text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+mobile\n .mobile\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+tablet\n .tablet\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+desktop\n .desktop\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n\n+widescreen\n .widescreen\\:text-shadow-normal\n text-shadow: var(--bal-text-shadow-normal) !important\n","=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
package/css/utilities/flex.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/flex.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACPA;EDUA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzBF;ED4BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnCF;EDsCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjCF;EDoCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC9GA;EDiHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1HF;ED6HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9HF;EDiIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtHF;EDyHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC7LA;EDgMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzMF;ED4MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7MF;EDgNA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrMF;EDwMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACzQA;ED4QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClRF;EDqRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnRF;EDsRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxQF;ED2QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACzUA;ED4UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClVF;EDqVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnVF;EDsVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxUF;ED2UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC/YA;EDkZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9ZF;EDiaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACraF;EDwaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChaF;EDmaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACpeA;EDueA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1eF;ED6eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxeF;ED2eA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1dF;ED6dA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACpnBA;EDunBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnpBF;EDspBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClrBF;EDqrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrsBF;EDwsBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpuBF;EDuuBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnwBF;EDswBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;ACxzBA;ED2zBA;IACE;;EAEF;IACE;;;AC3zBF;ED8zBA;IACE;;EAEF;IACE;;;ACtzBF;EDyzBA;IACE;;EAEF;IACE;;;ACryBF;EDwyBA;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AC11BA;ED61BA;IACE;;EAEF;IACE;;;AC71BF;EDg2BA;IACE;;EAEF;IACE;;;ACx1BF;ED21BA;IACE;;EAEF;IACE;;;ACv0BF;ED00BA;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AC53BA;ED+3BA;IACE;;EAEF;IACE;;;AC/3BF;EDk4BA;IACE;;EAEF;IACE;;;AC13BF;ED63BA;IACE;;EAEF;IACE;;;ACz2BF;ED42BA;IACE;;EAEF;IACE","sourcesContent":["@use '../mixins/_all' as *\n\n\n.align-content-start\n align-content: flex-start !important\n\n.align-content-end\n align-content: flex-end !important\n\n.align-content-center\n align-content: center !important\n\n.align-content-baseline\n align-content: baseline !important\n\n.align-content-space-between\n align-content: space-between !important\n\n.align-content-space-around\n align-content: space-around !important\n\n.align-content-space-evenly\n align-content: space-evenly !important\n\n+mobile\n .mobile\\:align-content-start\n align-content: flex-start !important\n\n .mobile\\:align-content-end\n align-content: flex-end !important\n\n .mobile\\:align-content-center\n align-content: center !important\n\n .mobile\\:align-content-baseline\n align-content: baseline !important\n\n .mobile\\:align-content-space-between\n align-content: space-between !important\n\n .mobile\\:align-content-space-around\n align-content: space-around !important\n\n .mobile\\:align-content-space-evenly\n align-content: space-evenly !important\n\n+tablet\n .tablet\\:align-content-start\n align-content: flex-start !important\n\n .tablet\\:align-content-end\n align-content: flex-end !important\n\n .tablet\\:align-content-center\n align-content: center !important\n\n .tablet\\:align-content-baseline\n align-content: baseline !important\n\n .tablet\\:align-content-space-between\n align-content: space-between !important\n\n .tablet\\:align-content-space-around\n align-content: space-around !important\n\n .tablet\\:align-content-space-evenly\n align-content: space-evenly !important\n\n+desktop\n .desktop\\:align-content-start\n align-content: flex-start !important\n\n .desktop\\:align-content-end\n align-content: flex-end !important\n\n .desktop\\:align-content-center\n align-content: center !important\n\n .desktop\\:align-content-baseline\n align-content: baseline !important\n\n .desktop\\:align-content-space-between\n align-content: space-between !important\n\n .desktop\\:align-content-space-around\n align-content: space-around !important\n\n .desktop\\:align-content-space-evenly\n align-content: space-evenly !important\n\n+widescreen\n .widescreen\\:align-content-start\n align-content: flex-start !important\n\n .widescreen\\:align-content-end\n align-content: flex-end !important\n\n .widescreen\\:align-content-center\n align-content: center !important\n\n .widescreen\\:align-content-baseline\n align-content: baseline !important\n\n .widescreen\\:align-content-space-between\n align-content: space-between !important\n\n .widescreen\\:align-content-space-around\n align-content: space-around !important\n\n .widescreen\\:align-content-space-evenly\n align-content: space-evenly !important\n\n.align-items-start\n align-items: flex-start !important\n\n.align-items-end\n align-items: flex-end !important\n\n.align-items-center\n align-items: center !important\n\n.align-items-stretch\n align-items: stretch !important\n\n.align-items-baseline\n align-items: baseline !important\n\n+mobile\n .mobile\\:align-items-start\n align-items: flex-start !important\n\n .mobile\\:align-items-end\n align-items: flex-end !important\n\n .mobile\\:align-items-center\n align-items: center !important\n\n .mobile\\:align-items-stretch\n align-items: stretch !important\n\n .mobile\\:align-items-baseline\n align-items: baseline !important\n\n+tablet\n .tablet\\:align-items-start\n align-items: flex-start !important\n\n .tablet\\:align-items-end\n align-items: flex-end !important\n\n .tablet\\:align-items-center\n align-items: center !important\n\n .tablet\\:align-items-stretch\n align-items: stretch !important\n\n .tablet\\:align-items-baseline\n align-items: baseline !important\n\n+desktop\n .desktop\\:align-items-start\n align-items: flex-start !important\n\n .desktop\\:align-items-end\n align-items: flex-end !important\n\n .desktop\\:align-items-center\n align-items: center !important\n\n .desktop\\:align-items-stretch\n align-items: stretch !important\n\n .desktop\\:align-items-baseline\n align-items: baseline !important\n\n+widescreen\n .widescreen\\:align-items-start\n align-items: flex-start !important\n\n .widescreen\\:align-items-end\n align-items: flex-end !important\n\n .widescreen\\:align-items-center\n align-items: center !important\n\n .widescreen\\:align-items-stretch\n align-items: stretch !important\n\n .widescreen\\:align-items-baseline\n align-items: baseline !important\n\n.align-self-start\n align-self: flex-start !important\n\n.align-self-end\n align-self: flex-end !important\n\n.align-self-center\n align-self: center !important\n\n.align-self-stretch\n align-self: stretch !important\n\n.align-self-baseline\n align-self: baseline !important\n\n+mobile\n .mobile\\:align-self-start\n align-self: flex-start !important\n\n .mobile\\:align-self-end\n align-self: flex-end !important\n\n .mobile\\:align-self-center\n align-self: center !important\n\n .mobile\\:align-self-stretch\n align-self: stretch !important\n\n .mobile\\:align-self-baseline\n align-self: baseline !important\n\n+tablet\n .tablet\\:align-self-start\n align-self: flex-start !important\n\n .tablet\\:align-self-end\n align-self: flex-end !important\n\n .tablet\\:align-self-center\n align-self: center !important\n\n .tablet\\:align-self-stretch\n align-self: stretch !important\n\n .tablet\\:align-self-baseline\n align-self: baseline !important\n\n+desktop\n .desktop\\:align-self-start\n align-self: flex-start !important\n\n .desktop\\:align-self-end\n align-self: flex-end !important\n\n .desktop\\:align-self-center\n align-self: center !important\n\n .desktop\\:align-self-stretch\n align-self: stretch !important\n\n .desktop\\:align-self-baseline\n align-self: baseline !important\n\n+widescreen\n .widescreen\\:align-self-start\n align-self: flex-start !important\n\n .widescreen\\:align-self-end\n align-self: flex-end !important\n\n .widescreen\\:align-self-center\n align-self: center !important\n\n .widescreen\\:align-self-stretch\n align-self: stretch !important\n\n .widescreen\\:align-self-baseline\n align-self: baseline !important\n\n.flex-direction-row\n flex-direction: row !important\n\n.flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n.flex-direction-column\n flex-direction: column !important\n\n.flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+mobile\n .mobile\\:flex-direction-row\n flex-direction: row !important\n\n .mobile\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .mobile\\:flex-direction-column\n flex-direction: column !important\n\n .mobile\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+tablet\n .tablet\\:flex-direction-row\n flex-direction: row !important\n\n .tablet\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .tablet\\:flex-direction-column\n flex-direction: column !important\n\n .tablet\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+desktop\n .desktop\\:flex-direction-row\n flex-direction: row !important\n\n .desktop\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .desktop\\:flex-direction-column\n flex-direction: column !important\n\n .desktop\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+widescreen\n .widescreen\\:flex-direction-row\n flex-direction: row !important\n\n .widescreen\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .widescreen\\:flex-direction-column\n flex-direction: column !important\n\n .widescreen\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n.flex-1\n flex: 1 1 0% !important\n\n.flex-auto\n flex: 1 1 auto !important\n\n.flex-initial\n flex: 0 1 auto !important\n\n.flex-none\n flex: none !important\n\n+mobile\n .mobile\\:flex-1\n flex: 1 1 0% !important\n\n .mobile\\:flex-auto\n flex: 1 1 auto !important\n\n .mobile\\:flex-initial\n flex: 0 1 auto !important\n\n .mobile\\:flex-none\n flex: none !important\n\n+tablet\n .tablet\\:flex-1\n flex: 1 1 0% !important\n\n .tablet\\:flex-auto\n flex: 1 1 auto !important\n\n .tablet\\:flex-initial\n flex: 0 1 auto !important\n\n .tablet\\:flex-none\n flex: none !important\n\n+desktop\n .desktop\\:flex-1\n flex: 1 1 0% !important\n\n .desktop\\:flex-auto\n flex: 1 1 auto !important\n\n .desktop\\:flex-initial\n flex: 0 1 auto !important\n\n .desktop\\:flex-none\n flex: none !important\n\n+widescreen\n .widescreen\\:flex-1\n flex: 1 1 0% !important\n\n .widescreen\\:flex-auto\n flex: 1 1 auto !important\n\n .widescreen\\:flex-initial\n flex: 0 1 auto !important\n\n .widescreen\\:flex-none\n flex: none !important\n\n.justify-content-start\n justify-content: flex-start !important\n\n.justify-content-end\n justify-content: flex-end !important\n\n.justify-content-center\n justify-content: center !important\n\n.justify-content-space-between\n justify-content: space-between !important\n\n.justify-content-space-around\n justify-content: space-around !important\n\n.justify-content-space-evenly\n justify-content: space-evenly !important\n\n+mobile\n .mobile\\:justify-content-start\n justify-content: flex-start !important\n\n .mobile\\:justify-content-end\n justify-content: flex-end !important\n\n .mobile\\:justify-content-center\n justify-content: center !important\n\n .mobile\\:justify-content-space-between\n justify-content: space-between !important\n\n .mobile\\:justify-content-space-around\n justify-content: space-around !important\n\n .mobile\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n+tablet\n .tablet\\:justify-content-start\n justify-content: flex-start !important\n\n .tablet\\:justify-content-end\n justify-content: flex-end !important\n\n .tablet\\:justify-content-center\n justify-content: center !important\n\n .tablet\\:justify-content-space-between\n justify-content: space-between !important\n\n .tablet\\:justify-content-space-around\n justify-content: space-around !important\n\n .tablet\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n+desktop\n .desktop\\:justify-content-start\n justify-content: flex-start !important\n\n .desktop\\:justify-content-end\n justify-content: flex-end !important\n\n .desktop\\:justify-content-center\n justify-content: center !important\n\n .desktop\\:justify-content-space-between\n justify-content: space-between !important\n\n .desktop\\:justify-content-space-around\n justify-content: space-around !important\n\n .desktop\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n+widescreen\n .widescreen\\:justify-content-start\n justify-content: flex-start !important\n\n .widescreen\\:justify-content-end\n justify-content: flex-end !important\n\n .widescreen\\:justify-content-center\n justify-content: center !important\n\n .widescreen\\:justify-content-space-between\n justify-content: space-between !important\n\n .widescreen\\:justify-content-space-around\n justify-content: space-around !important\n\n .widescreen\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n.flex-nowrap\n flex-wrap: nowrap !important\n\n.flex-wrap\n flex-wrap: wrap !important\n\n.flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+mobile\n .mobile\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .mobile\\:flex-wrap\n flex-wrap: wrap !important\n\n .mobile\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+tablet\n .tablet\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .tablet\\:flex-wrap\n flex-wrap: wrap !important\n\n .tablet\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+desktop\n .desktop\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .desktop\\:flex-wrap\n flex-wrap: wrap !important\n\n .desktop\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+widescreen\n .widescreen\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .widescreen\\:flex-wrap\n flex-wrap: wrap !important\n\n .widescreen\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n.gap-none\n gap: 0 !important\n\n.gap-auto\n gap: auto !important\n\n.gap-xx-small\n gap: var(--bal-space-xx-small) !important\n\n.gap-x-small\n gap: var(--bal-space-x-small) !important\n\n.gap-small\n gap: var(--bal-space-small) !important\n\n.gap-normal\n gap: var(--bal-space-normal) !important\n\n.gap-medium\n gap: var(--bal-space-medium) !important\n\n.gap-large\n gap: var(--bal-space-large) !important\n\n.gap-x-large\n gap: var(--bal-space-x-large) !important\n\n.gap-xx-large\n gap: var(--bal-space-xx-large) !important\n\n.gap-xxx-large\n gap: var(--bal-space-xxx-large) !important\n\n.gap-xxxx-large\n gap: var(--bal-space-xxxx-large) !important\n\n.row-gap-none\n row-gap: 0 !important\n\n.row-gap-auto\n row-gap: auto !important\n\n.row-gap-xx-small\n row-gap: var(--bal-space-xx-small) !important\n\n.row-gap-x-small\n row-gap: var(--bal-space-x-small) !important\n\n.row-gap-small\n row-gap: var(--bal-space-small) !important\n\n.row-gap-normal\n row-gap: var(--bal-space-normal) !important\n\n.row-gap-medium\n row-gap: var(--bal-space-medium) !important\n\n.row-gap-large\n row-gap: var(--bal-space-large) !important\n\n.row-gap-x-large\n row-gap: var(--bal-space-x-large) !important\n\n.row-gap-xx-large\n row-gap: var(--bal-space-xx-large) !important\n\n.row-gap-xxx-large\n row-gap: var(--bal-space-xxx-large) !important\n\n.row-gap-xxxx-large\n row-gap: var(--bal-space-xxxx-large) !important\n\n.column-gap-none\n column-gap: 0 !important\n\n.column-gap-auto\n column-gap: auto !important\n\n.column-gap-xx-small\n column-gap: var(--bal-space-xx-small) !important\n\n.column-gap-x-small\n column-gap: var(--bal-space-x-small) !important\n\n.column-gap-small\n column-gap: var(--bal-space-small) !important\n\n.column-gap-normal\n column-gap: var(--bal-space-normal) !important\n\n.column-gap-medium\n column-gap: var(--bal-space-medium) !important\n\n.column-gap-large\n column-gap: var(--bal-space-large) !important\n\n.column-gap-x-large\n column-gap: var(--bal-space-x-large) !important\n\n.column-gap-xx-large\n column-gap: var(--bal-space-xx-large) !important\n\n.column-gap-xxx-large\n column-gap: var(--bal-space-xxx-large) !important\n\n.column-gap-xxxx-large\n column-gap: var(--bal-space-xxxx-large) !important\n\n+tablet\n .gap-xx-small\n gap: var(--bal-space-xx-small-tablet) !important\n\n .gap-x-small\n gap: var(--bal-space-x-small-tablet) !important\n\n .gap-small\n gap: var(--bal-space-small-tablet) !important\n\n .gap-normal\n gap: var(--bal-space-normal-tablet) !important\n\n .gap-medium\n gap: var(--bal-space-medium-tablet) !important\n\n .gap-large\n gap: var(--bal-space-large-tablet) !important\n\n .gap-x-large\n gap: var(--bal-space-x-large-tablet) !important\n\n .gap-xx-large\n gap: var(--bal-space-xx-large-tablet) !important\n\n .gap-xxx-large\n gap: var(--bal-space-xxx-large-tablet) !important\n\n .gap-xxxx-large\n gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n .row-gap-xx-small\n row-gap: var(--bal-space-xx-small-tablet) !important\n\n .row-gap-x-small\n row-gap: var(--bal-space-x-small-tablet) !important\n\n .row-gap-small\n row-gap: var(--bal-space-small-tablet) !important\n\n .row-gap-normal\n row-gap: var(--bal-space-normal-tablet) !important\n\n .row-gap-medium\n row-gap: var(--bal-space-medium-tablet) !important\n\n .row-gap-large\n row-gap: var(--bal-space-large-tablet) !important\n\n .row-gap-x-large\n row-gap: var(--bal-space-x-large-tablet) !important\n\n .row-gap-xx-large\n row-gap: var(--bal-space-xx-large-tablet) !important\n\n .row-gap-xxx-large\n row-gap: var(--bal-space-xxx-large-tablet) !important\n\n .row-gap-xxxx-large\n row-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n .column-gap-xx-small\n column-gap: var(--bal-space-xx-small-tablet) !important\n\n .column-gap-x-small\n column-gap: var(--bal-space-x-small-tablet) !important\n\n .column-gap-small\n column-gap: var(--bal-space-small-tablet) !important\n\n .column-gap-normal\n column-gap: var(--bal-space-normal-tablet) !important\n\n .column-gap-medium\n column-gap: var(--bal-space-medium-tablet) !important\n\n .column-gap-large\n column-gap: var(--bal-space-large-tablet) !important\n\n .column-gap-x-large\n column-gap: var(--bal-space-x-large-tablet) !important\n\n .column-gap-xx-large\n column-gap: var(--bal-space-xx-large-tablet) !important\n\n .column-gap-xxx-large\n column-gap: var(--bal-space-xxx-large-tablet) !important\n\n .column-gap-xxxx-large\n column-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+desktop\n .gap-xx-small\n gap: var(--bal-space-xx-small-desktop) !important\n\n .gap-x-small\n gap: var(--bal-space-x-small-desktop) !important\n\n .gap-small\n gap: var(--bal-space-small-desktop) !important\n\n .gap-normal\n gap: var(--bal-space-normal-desktop) !important\n\n .gap-medium\n gap: var(--bal-space-medium-desktop) !important\n\n .gap-large\n gap: var(--bal-space-large-desktop) !important\n\n .gap-x-large\n gap: var(--bal-space-x-large-desktop) !important\n\n .gap-xx-large\n gap: var(--bal-space-xx-large-desktop) !important\n\n .gap-xxx-large\n gap: var(--bal-space-xxx-large-desktop) !important\n\n .gap-xxxx-large\n gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n .row-gap-xx-small\n row-gap: var(--bal-space-xx-small-desktop) !important\n\n .row-gap-x-small\n row-gap: var(--bal-space-x-small-desktop) !important\n\n .row-gap-small\n row-gap: var(--bal-space-small-desktop) !important\n\n .row-gap-normal\n row-gap: var(--bal-space-normal-desktop) !important\n\n .row-gap-medium\n row-gap: var(--bal-space-medium-desktop) !important\n\n .row-gap-large\n row-gap: var(--bal-space-large-desktop) !important\n\n .row-gap-x-large\n row-gap: var(--bal-space-x-large-desktop) !important\n\n .row-gap-xx-large\n row-gap: var(--bal-space-xx-large-desktop) !important\n\n .row-gap-xxx-large\n row-gap: var(--bal-space-xxx-large-desktop) !important\n\n .row-gap-xxxx-large\n row-gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n .column-gap-xx-small\n column-gap: var(--bal-space-xx-small-desktop) !important\n\n .column-gap-x-small\n column-gap: var(--bal-space-x-small-desktop) !important\n\n .column-gap-small\n column-gap: var(--bal-space-small-desktop) !important\n\n .column-gap-normal\n column-gap: var(--bal-space-normal-desktop) !important\n\n .column-gap-medium\n column-gap: var(--bal-space-medium-desktop) !important\n\n .column-gap-large\n column-gap: var(--bal-space-large-desktop) !important\n\n .column-gap-x-large\n column-gap: var(--bal-space-x-large-desktop) !important\n\n .column-gap-xx-large\n column-gap: var(--bal-space-xx-large-desktop) !important\n\n .column-gap-xxx-large\n column-gap: var(--bal-space-xxx-large-desktop) !important\n\n .column-gap-xxxx-large\n column-gap: var(--bal-space-xxxx-large-desktop) !important\n\n.gap-none\n gap: 0 !important\n\n.gap-auto\n gap: auto !important\n\n+mobile\n .mobile\\:gap-none\n gap: 0 !important\n\n .mobile\\:gap-auto\n gap: auto !important\n\n+tablet\n .tablet\\:gap-none\n gap: 0 !important\n\n .tablet\\:gap-auto\n gap: auto !important\n\n+desktop\n .desktop\\:gap-none\n gap: 0 !important\n\n .desktop\\:gap-auto\n gap: auto !important\n\n+widescreen\n .widescreen\\:gap-none\n gap: 0 !important\n\n .widescreen\\:gap-auto\n gap: auto !important\n\n.row-gap-none\n row-gap: 0 !important\n\n.row-gap-auto\n row-gap: auto !important\n\n+mobile\n .mobile\\:row-gap-none\n row-gap: 0 !important\n\n .mobile\\:row-gap-auto\n row-gap: auto !important\n\n+tablet\n .tablet\\:row-gap-none\n row-gap: 0 !important\n\n .tablet\\:row-gap-auto\n row-gap: auto !important\n\n+desktop\n .desktop\\:row-gap-none\n row-gap: 0 !important\n\n .desktop\\:row-gap-auto\n row-gap: auto !important\n\n+widescreen\n .widescreen\\:row-gap-none\n row-gap: 0 !important\n\n .widescreen\\:row-gap-auto\n row-gap: auto !important\n\n.column-gap-none\n column-gap: 0 !important\n\n.column-gap-auto\n column-gap: auto !important\n\n+mobile\n .mobile\\:column-gap-none\n column-gap: 0 !important\n\n .mobile\\:column-gap-auto\n column-gap: auto !important\n\n+tablet\n .tablet\\:column-gap-none\n column-gap: 0 !important\n\n .tablet\\:column-gap-auto\n column-gap: auto !important\n\n+desktop\n .desktop\\:column-gap-none\n column-gap: 0 !important\n\n .desktop\\:column-gap-auto\n column-gap: auto !important\n\n+widescreen\n .widescreen\\:column-gap-none\n column-gap: 0 !important\n\n .widescreen\\:column-gap-auto\n column-gap: auto !important\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/flex.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACNA;EDSA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxBF;ED2BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClCF;EDqCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChCF;EDmCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC7GA;EDgHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzHF;ED4HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7HF;EDgIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrHF;EDwHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC5LA;ED+LA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxMF;ED2MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5MF;ED+MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpMF;EDuMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACxQA;ED2QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjRF;EDoRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClRF;EDqRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvQF;ED0QA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACxUA;ED2UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjVF;EDoVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClVF;EDqVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvUF;ED0UA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC9YA;EDiZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7ZF;EDgaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpaF;EDuaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/ZF;EDkaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACneA;EDseA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzeF;ED4eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACveF;ED0eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzdF;ED4dA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACnnBA;EDsnBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClpBF;EDqpBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjrBF;EDorBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpsBF;EDusBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnuBF;EDsuBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClwBF;EDqwBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;ACvzBA;ED0zBA;IACE;;EAEF;IACE;;;AC1zBF;ED6zBA;IACE;;EAEF;IACE;;;ACrzBF;EDwzBA;IACE;;EAEF;IACE;;;ACpyBF;EDuyBA;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;ACz1BA;ED41BA;IACE;;EAEF;IACE;;;AC51BF;ED+1BA;IACE;;EAEF;IACE;;;ACv1BF;ED01BA;IACE;;EAEF;IACE;;;ACt0BF;EDy0BA;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AC33BA;ED83BA;IACE;;EAEF;IACE;;;AC93BF;EDi4BA;IACE;;EAEF;IACE;;;ACz3BF;ED43BA;IACE;;EAEF;IACE;;;ACx2BF;ED22BA;IACE;;EAEF;IACE","sourcesContent":[".align-content-start\n align-content: flex-start !important\n\n.align-content-end\n align-content: flex-end !important\n\n.align-content-center\n align-content: center !important\n\n.align-content-baseline\n align-content: baseline !important\n\n.align-content-space-between\n align-content: space-between !important\n\n.align-content-space-around\n align-content: space-around !important\n\n.align-content-space-evenly\n align-content: space-evenly !important\n\n+mobile\n .mobile\\:align-content-start\n align-content: flex-start !important\n\n .mobile\\:align-content-end\n align-content: flex-end !important\n\n .mobile\\:align-content-center\n align-content: center !important\n\n .mobile\\:align-content-baseline\n align-content: baseline !important\n\n .mobile\\:align-content-space-between\n align-content: space-between !important\n\n .mobile\\:align-content-space-around\n align-content: space-around !important\n\n .mobile\\:align-content-space-evenly\n align-content: space-evenly !important\n\n+tablet\n .tablet\\:align-content-start\n align-content: flex-start !important\n\n .tablet\\:align-content-end\n align-content: flex-end !important\n\n .tablet\\:align-content-center\n align-content: center !important\n\n .tablet\\:align-content-baseline\n align-content: baseline !important\n\n .tablet\\:align-content-space-between\n align-content: space-between !important\n\n .tablet\\:align-content-space-around\n align-content: space-around !important\n\n .tablet\\:align-content-space-evenly\n align-content: space-evenly !important\n\n+desktop\n .desktop\\:align-content-start\n align-content: flex-start !important\n\n .desktop\\:align-content-end\n align-content: flex-end !important\n\n .desktop\\:align-content-center\n align-content: center !important\n\n .desktop\\:align-content-baseline\n align-content: baseline !important\n\n .desktop\\:align-content-space-between\n align-content: space-between !important\n\n .desktop\\:align-content-space-around\n align-content: space-around !important\n\n .desktop\\:align-content-space-evenly\n align-content: space-evenly !important\n\n+widescreen\n .widescreen\\:align-content-start\n align-content: flex-start !important\n\n .widescreen\\:align-content-end\n align-content: flex-end !important\n\n .widescreen\\:align-content-center\n align-content: center !important\n\n .widescreen\\:align-content-baseline\n align-content: baseline !important\n\n .widescreen\\:align-content-space-between\n align-content: space-between !important\n\n .widescreen\\:align-content-space-around\n align-content: space-around !important\n\n .widescreen\\:align-content-space-evenly\n align-content: space-evenly !important\n\n.align-items-start\n align-items: flex-start !important\n\n.align-items-end\n align-items: flex-end !important\n\n.align-items-center\n align-items: center !important\n\n.align-items-stretch\n align-items: stretch !important\n\n.align-items-baseline\n align-items: baseline !important\n\n+mobile\n .mobile\\:align-items-start\n align-items: flex-start !important\n\n .mobile\\:align-items-end\n align-items: flex-end !important\n\n .mobile\\:align-items-center\n align-items: center !important\n\n .mobile\\:align-items-stretch\n align-items: stretch !important\n\n .mobile\\:align-items-baseline\n align-items: baseline !important\n\n+tablet\n .tablet\\:align-items-start\n align-items: flex-start !important\n\n .tablet\\:align-items-end\n align-items: flex-end !important\n\n .tablet\\:align-items-center\n align-items: center !important\n\n .tablet\\:align-items-stretch\n align-items: stretch !important\n\n .tablet\\:align-items-baseline\n align-items: baseline !important\n\n+desktop\n .desktop\\:align-items-start\n align-items: flex-start !important\n\n .desktop\\:align-items-end\n align-items: flex-end !important\n\n .desktop\\:align-items-center\n align-items: center !important\n\n .desktop\\:align-items-stretch\n align-items: stretch !important\n\n .desktop\\:align-items-baseline\n align-items: baseline !important\n\n+widescreen\n .widescreen\\:align-items-start\n align-items: flex-start !important\n\n .widescreen\\:align-items-end\n align-items: flex-end !important\n\n .widescreen\\:align-items-center\n align-items: center !important\n\n .widescreen\\:align-items-stretch\n align-items: stretch !important\n\n .widescreen\\:align-items-baseline\n align-items: baseline !important\n\n.align-self-start\n align-self: flex-start !important\n\n.align-self-end\n align-self: flex-end !important\n\n.align-self-center\n align-self: center !important\n\n.align-self-stretch\n align-self: stretch !important\n\n.align-self-baseline\n align-self: baseline !important\n\n+mobile\n .mobile\\:align-self-start\n align-self: flex-start !important\n\n .mobile\\:align-self-end\n align-self: flex-end !important\n\n .mobile\\:align-self-center\n align-self: center !important\n\n .mobile\\:align-self-stretch\n align-self: stretch !important\n\n .mobile\\:align-self-baseline\n align-self: baseline !important\n\n+tablet\n .tablet\\:align-self-start\n align-self: flex-start !important\n\n .tablet\\:align-self-end\n align-self: flex-end !important\n\n .tablet\\:align-self-center\n align-self: center !important\n\n .tablet\\:align-self-stretch\n align-self: stretch !important\n\n .tablet\\:align-self-baseline\n align-self: baseline !important\n\n+desktop\n .desktop\\:align-self-start\n align-self: flex-start !important\n\n .desktop\\:align-self-end\n align-self: flex-end !important\n\n .desktop\\:align-self-center\n align-self: center !important\n\n .desktop\\:align-self-stretch\n align-self: stretch !important\n\n .desktop\\:align-self-baseline\n align-self: baseline !important\n\n+widescreen\n .widescreen\\:align-self-start\n align-self: flex-start !important\n\n .widescreen\\:align-self-end\n align-self: flex-end !important\n\n .widescreen\\:align-self-center\n align-self: center !important\n\n .widescreen\\:align-self-stretch\n align-self: stretch !important\n\n .widescreen\\:align-self-baseline\n align-self: baseline !important\n\n.flex-direction-row\n flex-direction: row !important\n\n.flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n.flex-direction-column\n flex-direction: column !important\n\n.flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+mobile\n .mobile\\:flex-direction-row\n flex-direction: row !important\n\n .mobile\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .mobile\\:flex-direction-column\n flex-direction: column !important\n\n .mobile\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+tablet\n .tablet\\:flex-direction-row\n flex-direction: row !important\n\n .tablet\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .tablet\\:flex-direction-column\n flex-direction: column !important\n\n .tablet\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+desktop\n .desktop\\:flex-direction-row\n flex-direction: row !important\n\n .desktop\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .desktop\\:flex-direction-column\n flex-direction: column !important\n\n .desktop\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n+widescreen\n .widescreen\\:flex-direction-row\n flex-direction: row !important\n\n .widescreen\\:flex-direction-row-reverse\n flex-direction: row-reverse !important\n\n .widescreen\\:flex-direction-column\n flex-direction: column !important\n\n .widescreen\\:flex-direction-column-reverse\n flex-direction: column-reverse !important\n\n.flex-1\n flex: 1 1 0% !important\n\n.flex-auto\n flex: 1 1 auto !important\n\n.flex-initial\n flex: 0 1 auto !important\n\n.flex-none\n flex: none !important\n\n+mobile\n .mobile\\:flex-1\n flex: 1 1 0% !important\n\n .mobile\\:flex-auto\n flex: 1 1 auto !important\n\n .mobile\\:flex-initial\n flex: 0 1 auto !important\n\n .mobile\\:flex-none\n flex: none !important\n\n+tablet\n .tablet\\:flex-1\n flex: 1 1 0% !important\n\n .tablet\\:flex-auto\n flex: 1 1 auto !important\n\n .tablet\\:flex-initial\n flex: 0 1 auto !important\n\n .tablet\\:flex-none\n flex: none !important\n\n+desktop\n .desktop\\:flex-1\n flex: 1 1 0% !important\n\n .desktop\\:flex-auto\n flex: 1 1 auto !important\n\n .desktop\\:flex-initial\n flex: 0 1 auto !important\n\n .desktop\\:flex-none\n flex: none !important\n\n+widescreen\n .widescreen\\:flex-1\n flex: 1 1 0% !important\n\n .widescreen\\:flex-auto\n flex: 1 1 auto !important\n\n .widescreen\\:flex-initial\n flex: 0 1 auto !important\n\n .widescreen\\:flex-none\n flex: none !important\n\n.justify-content-start\n justify-content: flex-start !important\n\n.justify-content-end\n justify-content: flex-end !important\n\n.justify-content-center\n justify-content: center !important\n\n.justify-content-space-between\n justify-content: space-between !important\n\n.justify-content-space-around\n justify-content: space-around !important\n\n.justify-content-space-evenly\n justify-content: space-evenly !important\n\n+mobile\n .mobile\\:justify-content-start\n justify-content: flex-start !important\n\n .mobile\\:justify-content-end\n justify-content: flex-end !important\n\n .mobile\\:justify-content-center\n justify-content: center !important\n\n .mobile\\:justify-content-space-between\n justify-content: space-between !important\n\n .mobile\\:justify-content-space-around\n justify-content: space-around !important\n\n .mobile\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n+tablet\n .tablet\\:justify-content-start\n justify-content: flex-start !important\n\n .tablet\\:justify-content-end\n justify-content: flex-end !important\n\n .tablet\\:justify-content-center\n justify-content: center !important\n\n .tablet\\:justify-content-space-between\n justify-content: space-between !important\n\n .tablet\\:justify-content-space-around\n justify-content: space-around !important\n\n .tablet\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n+desktop\n .desktop\\:justify-content-start\n justify-content: flex-start !important\n\n .desktop\\:justify-content-end\n justify-content: flex-end !important\n\n .desktop\\:justify-content-center\n justify-content: center !important\n\n .desktop\\:justify-content-space-between\n justify-content: space-between !important\n\n .desktop\\:justify-content-space-around\n justify-content: space-around !important\n\n .desktop\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n+widescreen\n .widescreen\\:justify-content-start\n justify-content: flex-start !important\n\n .widescreen\\:justify-content-end\n justify-content: flex-end !important\n\n .widescreen\\:justify-content-center\n justify-content: center !important\n\n .widescreen\\:justify-content-space-between\n justify-content: space-between !important\n\n .widescreen\\:justify-content-space-around\n justify-content: space-around !important\n\n .widescreen\\:justify-content-space-evenly\n justify-content: space-evenly !important\n\n.flex-nowrap\n flex-wrap: nowrap !important\n\n.flex-wrap\n flex-wrap: wrap !important\n\n.flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+mobile\n .mobile\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .mobile\\:flex-wrap\n flex-wrap: wrap !important\n\n .mobile\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+tablet\n .tablet\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .tablet\\:flex-wrap\n flex-wrap: wrap !important\n\n .tablet\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+desktop\n .desktop\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .desktop\\:flex-wrap\n flex-wrap: wrap !important\n\n .desktop\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n+widescreen\n .widescreen\\:flex-nowrap\n flex-wrap: nowrap !important\n\n .widescreen\\:flex-wrap\n flex-wrap: wrap !important\n\n .widescreen\\:flex-wrap-reverse\n flex-wrap: wrap-reverse !important\n\n.gap-none\n gap: 0 !important\n\n.gap-auto\n gap: auto !important\n\n.gap-xx-small\n gap: var(--bal-space-xx-small) !important\n\n.gap-x-small\n gap: var(--bal-space-x-small) !important\n\n.gap-small\n gap: var(--bal-space-small) !important\n\n.gap-normal\n gap: var(--bal-space-normal) !important\n\n.gap-medium\n gap: var(--bal-space-medium) !important\n\n.gap-large\n gap: var(--bal-space-large) !important\n\n.gap-x-large\n gap: var(--bal-space-x-large) !important\n\n.gap-xx-large\n gap: var(--bal-space-xx-large) !important\n\n.gap-xxx-large\n gap: var(--bal-space-xxx-large) !important\n\n.gap-xxxx-large\n gap: var(--bal-space-xxxx-large) !important\n\n.row-gap-none\n row-gap: 0 !important\n\n.row-gap-auto\n row-gap: auto !important\n\n.row-gap-xx-small\n row-gap: var(--bal-space-xx-small) !important\n\n.row-gap-x-small\n row-gap: var(--bal-space-x-small) !important\n\n.row-gap-small\n row-gap: var(--bal-space-small) !important\n\n.row-gap-normal\n row-gap: var(--bal-space-normal) !important\n\n.row-gap-medium\n row-gap: var(--bal-space-medium) !important\n\n.row-gap-large\n row-gap: var(--bal-space-large) !important\n\n.row-gap-x-large\n row-gap: var(--bal-space-x-large) !important\n\n.row-gap-xx-large\n row-gap: var(--bal-space-xx-large) !important\n\n.row-gap-xxx-large\n row-gap: var(--bal-space-xxx-large) !important\n\n.row-gap-xxxx-large\n row-gap: var(--bal-space-xxxx-large) !important\n\n.column-gap-none\n column-gap: 0 !important\n\n.column-gap-auto\n column-gap: auto !important\n\n.column-gap-xx-small\n column-gap: var(--bal-space-xx-small) !important\n\n.column-gap-x-small\n column-gap: var(--bal-space-x-small) !important\n\n.column-gap-small\n column-gap: var(--bal-space-small) !important\n\n.column-gap-normal\n column-gap: var(--bal-space-normal) !important\n\n.column-gap-medium\n column-gap: var(--bal-space-medium) !important\n\n.column-gap-large\n column-gap: var(--bal-space-large) !important\n\n.column-gap-x-large\n column-gap: var(--bal-space-x-large) !important\n\n.column-gap-xx-large\n column-gap: var(--bal-space-xx-large) !important\n\n.column-gap-xxx-large\n column-gap: var(--bal-space-xxx-large) !important\n\n.column-gap-xxxx-large\n column-gap: var(--bal-space-xxxx-large) !important\n\n+tablet\n .gap-xx-small\n gap: var(--bal-space-xx-small-tablet) !important\n\n .gap-x-small\n gap: var(--bal-space-x-small-tablet) !important\n\n .gap-small\n gap: var(--bal-space-small-tablet) !important\n\n .gap-normal\n gap: var(--bal-space-normal-tablet) !important\n\n .gap-medium\n gap: var(--bal-space-medium-tablet) !important\n\n .gap-large\n gap: var(--bal-space-large-tablet) !important\n\n .gap-x-large\n gap: var(--bal-space-x-large-tablet) !important\n\n .gap-xx-large\n gap: var(--bal-space-xx-large-tablet) !important\n\n .gap-xxx-large\n gap: var(--bal-space-xxx-large-tablet) !important\n\n .gap-xxxx-large\n gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n .row-gap-xx-small\n row-gap: var(--bal-space-xx-small-tablet) !important\n\n .row-gap-x-small\n row-gap: var(--bal-space-x-small-tablet) !important\n\n .row-gap-small\n row-gap: var(--bal-space-small-tablet) !important\n\n .row-gap-normal\n row-gap: var(--bal-space-normal-tablet) !important\n\n .row-gap-medium\n row-gap: var(--bal-space-medium-tablet) !important\n\n .row-gap-large\n row-gap: var(--bal-space-large-tablet) !important\n\n .row-gap-x-large\n row-gap: var(--bal-space-x-large-tablet) !important\n\n .row-gap-xx-large\n row-gap: var(--bal-space-xx-large-tablet) !important\n\n .row-gap-xxx-large\n row-gap: var(--bal-space-xxx-large-tablet) !important\n\n .row-gap-xxxx-large\n row-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+tablet\n .column-gap-xx-small\n column-gap: var(--bal-space-xx-small-tablet) !important\n\n .column-gap-x-small\n column-gap: var(--bal-space-x-small-tablet) !important\n\n .column-gap-small\n column-gap: var(--bal-space-small-tablet) !important\n\n .column-gap-normal\n column-gap: var(--bal-space-normal-tablet) !important\n\n .column-gap-medium\n column-gap: var(--bal-space-medium-tablet) !important\n\n .column-gap-large\n column-gap: var(--bal-space-large-tablet) !important\n\n .column-gap-x-large\n column-gap: var(--bal-space-x-large-tablet) !important\n\n .column-gap-xx-large\n column-gap: var(--bal-space-xx-large-tablet) !important\n\n .column-gap-xxx-large\n column-gap: var(--bal-space-xxx-large-tablet) !important\n\n .column-gap-xxxx-large\n column-gap: var(--bal-space-xxxx-large-tablet) !important\n\n+desktop\n .gap-xx-small\n gap: var(--bal-space-xx-small-desktop) !important\n\n .gap-x-small\n gap: var(--bal-space-x-small-desktop) !important\n\n .gap-small\n gap: var(--bal-space-small-desktop) !important\n\n .gap-normal\n gap: var(--bal-space-normal-desktop) !important\n\n .gap-medium\n gap: var(--bal-space-medium-desktop) !important\n\n .gap-large\n gap: var(--bal-space-large-desktop) !important\n\n .gap-x-large\n gap: var(--bal-space-x-large-desktop) !important\n\n .gap-xx-large\n gap: var(--bal-space-xx-large-desktop) !important\n\n .gap-xxx-large\n gap: var(--bal-space-xxx-large-desktop) !important\n\n .gap-xxxx-large\n gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n .row-gap-xx-small\n row-gap: var(--bal-space-xx-small-desktop) !important\n\n .row-gap-x-small\n row-gap: var(--bal-space-x-small-desktop) !important\n\n .row-gap-small\n row-gap: var(--bal-space-small-desktop) !important\n\n .row-gap-normal\n row-gap: var(--bal-space-normal-desktop) !important\n\n .row-gap-medium\n row-gap: var(--bal-space-medium-desktop) !important\n\n .row-gap-large\n row-gap: var(--bal-space-large-desktop) !important\n\n .row-gap-x-large\n row-gap: var(--bal-space-x-large-desktop) !important\n\n .row-gap-xx-large\n row-gap: var(--bal-space-xx-large-desktop) !important\n\n .row-gap-xxx-large\n row-gap: var(--bal-space-xxx-large-desktop) !important\n\n .row-gap-xxxx-large\n row-gap: var(--bal-space-xxxx-large-desktop) !important\n\n+desktop\n .column-gap-xx-small\n column-gap: var(--bal-space-xx-small-desktop) !important\n\n .column-gap-x-small\n column-gap: var(--bal-space-x-small-desktop) !important\n\n .column-gap-small\n column-gap: var(--bal-space-small-desktop) !important\n\n .column-gap-normal\n column-gap: var(--bal-space-normal-desktop) !important\n\n .column-gap-medium\n column-gap: var(--bal-space-medium-desktop) !important\n\n .column-gap-large\n column-gap: var(--bal-space-large-desktop) !important\n\n .column-gap-x-large\n column-gap: var(--bal-space-x-large-desktop) !important\n\n .column-gap-xx-large\n column-gap: var(--bal-space-xx-large-desktop) !important\n\n .column-gap-xxx-large\n column-gap: var(--bal-space-xxx-large-desktop) !important\n\n .column-gap-xxxx-large\n column-gap: var(--bal-space-xxxx-large-desktop) !important\n\n.gap-none\n gap: 0 !important\n\n.gap-auto\n gap: auto !important\n\n+mobile\n .mobile\\:gap-none\n gap: 0 !important\n\n .mobile\\:gap-auto\n gap: auto !important\n\n+tablet\n .tablet\\:gap-none\n gap: 0 !important\n\n .tablet\\:gap-auto\n gap: auto !important\n\n+desktop\n .desktop\\:gap-none\n gap: 0 !important\n\n .desktop\\:gap-auto\n gap: auto !important\n\n+widescreen\n .widescreen\\:gap-none\n gap: 0 !important\n\n .widescreen\\:gap-auto\n gap: auto !important\n\n.row-gap-none\n row-gap: 0 !important\n\n.row-gap-auto\n row-gap: auto !important\n\n+mobile\n .mobile\\:row-gap-none\n row-gap: 0 !important\n\n .mobile\\:row-gap-auto\n row-gap: auto !important\n\n+tablet\n .tablet\\:row-gap-none\n row-gap: 0 !important\n\n .tablet\\:row-gap-auto\n row-gap: auto !important\n\n+desktop\n .desktop\\:row-gap-none\n row-gap: 0 !important\n\n .desktop\\:row-gap-auto\n row-gap: auto !important\n\n+widescreen\n .widescreen\\:row-gap-none\n row-gap: 0 !important\n\n .widescreen\\:row-gap-auto\n row-gap: auto !important\n\n.column-gap-none\n column-gap: 0 !important\n\n.column-gap-auto\n column-gap: auto !important\n\n+mobile\n .mobile\\:column-gap-none\n column-gap: 0 !important\n\n .mobile\\:column-gap-auto\n column-gap: auto !important\n\n+tablet\n .tablet\\:column-gap-none\n column-gap: 0 !important\n\n .tablet\\:column-gap-auto\n column-gap: auto !important\n\n+desktop\n .desktop\\:column-gap-none\n column-gap: 0 !important\n\n .desktop\\:column-gap-auto\n column-gap: auto !important\n\n+widescreen\n .widescreen\\:column-gap-none\n column-gap: 0 !important\n\n .widescreen\\:column-gap-auto\n column-gap: auto !important\n","=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
package/css/utilities/grid.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/core/grid.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/general.mixin.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;ECAA,aDC0B;;AAC1B;ECFA,aDG0B;;AAC1B;ECJA,aDK0B;;AAC1B;ECNA,aDO0B;;AAC1B;ECRA,aDS0B;;AAC1B;ECVA,aDW0B;;AAC1B;ECZA,aDa0B;;AAC1B;ECdA,aDe0B;;AAC1B;EChBA,aDiB0B;;AAExB;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AEvD5B;EFyDE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC1DF,aD2D4B;;EAC1B;IC5DF,aD6D4B;;EAC1B;IC9DF,aD+D4B;;EAC1B;IChEF,aDiE4B;;EAC1B;IClEF,aDmE4B;;EAC1B;ICpEF,aDqE4B;;EAC1B;ICtEF,aDuE4B;;EAC1B;ICxEF,aDyE4B;;EAC1B;IC1EF,aD2E4B;;EAExB;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;;AE7G9B;EF+GE;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IC/HF,aDiI4B;;EAC1B;IClIF,aDoI4B;;EAC1B;ICrIF,aDuI4B;;EAC1B;ICxIF,aD0I4B;;EAC1B;IC3IF,aD6I4B;;EAC1B;IC9IF,aDgJ4B;;EAC1B;ICjJF,aDmJ4B;;EAC1B;ICpJF,aDsJ4B;;EAC1B;ICvJF,aDyJ4B;;EAExB;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;;AErL9B;EFuLE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICpMF,aDqM4B;;EAC1B;ICtMF,aDuM4B;;EAC1B;ICxMF,aDyM4B;;EAC1B;IC1MF,aD2M4B;;EAC1B;IC5MF,aD6M4B;;EAC1B;IC9MF,aD+M4B;;EAC1B;IChNF,aDiN4B;;EAC1B;IClNF,aDmN4B;;EAC1B;ICpNF,aDqN4B;;EAExB;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;;AE3O9B;EF6OE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC9PF,aD+P4B;;EAC1B;IChQF,aDiQ4B;;EAC1B;IClQF,aDmQ4B;;EAC1B;ICpQF,aDqQ4B;;EAC1B;ICtQF,aDuQ4B;;EAC1B;ICxQF,aDyQ4B;;EAC1B;IC1QF,aD2Q4B;;EAC1B;IC5QF,aD6Q4B;;EAC1B;IC9QF,aD+Q4B;;EAExB;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;;AE7Q9B;EF+QE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICxTF,aDyT4B;;EAC1B;IC1TF,aD2T4B;;EAC1B;IC5TF,aD6T4B;;EAC1B;IC9TF,aD+T4B;;EAC1B;IChUF,aDiU4B;;EAC1B;IClUF,aDmU4B;;EAC1B;ICpUF,aDqU4B;;EAC1B;ICtUF,aDuU4B;;EAC1B;ICxUF,aDyU4B;;EAExB;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;;AE3T9B;EF6TE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IClXF,aDmX4B;;EAC1B;ICpXF,aDqX4B;;EAC1B;ICtXF,aDuX4B;;EAC1B;ICxXF,aDyX4B;;EAC1B;IC1XF,aD2X4B;;EAC1B;IC5XF,aD6X4B;;EAC1B;IC9XF,aD+X4B;;EAC1B;IChYF,aDiY4B;;EAC1B;IClYF,aDmY4B;;EAExB;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;;;AAEhC;EC3YE,aD4YwB;EC5YxB,cD6YwB;EACxB;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;ECtZA,aDuZ0B;ECvZ1B,cDwZ0B;EACxB;;AACA;EACE;EACA;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AElcF;EFqcE;IACE;;;AE1bJ;EF6bE;IACE","sourcesContent":["@use \"sass:math\"\n@use '../mixins/_all' as *\n\n.grid\n flex-basis: 0\n flex-grow: 1\n flex-shrink: 1\n\n.col\n display: block\n flex-basis: 0\n flex-grow: 1\n flex-shrink: 1\n padding: var(--bal-column-gap)\n .grid.is-mobile > &.is-narrow\n flex: none\n width: unset\n .grid.is-mobile > &.is-full\n flex: none\n width: 100%\n .grid.is-mobile > &.is-three-quarters\n flex: none\n width: 75%\n .grid.is-mobile > &.is-two-thirds\n flex: none\n width: 66.6666%\n .grid.is-mobile > &.is-half\n flex: none\n width: 50%\n .grid.is-mobile > &.is-one-third\n flex: none\n width: 33.3333%\n .grid.is-mobile > &.is-one-quarter\n flex: none\n width: 25%\n .grid.is-mobile > &.is-one-fifth\n flex: none\n width: 20%\n .grid.is-mobile > &.is-two-fifths\n flex: none\n width: 40%\n .grid.is-mobile > &.is-three-fifths\n flex: none\n width: 60%\n .grid.is-mobile > &.is-four-fifths\n flex: none\n width: 80%\n .grid.is-mobile > &.is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n .grid.is-mobile > &.is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n .grid.is-mobile > &.is-offset-half\n +ltr-property(\"margin\", 50%, false)\n .grid.is-mobile > &.is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n .grid.is-mobile > &.is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n .grid.is-mobile > &.is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n .grid.is-mobile > &.is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n .grid.is-mobile > &.is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n .grid.is-mobile > &.is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n .grid.is-mobile > &.is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n .grid.is-mobile > &.is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +mobile\n &.mobile\\:is-narrow\n flex: none\n width: unset\n &.mobile\\:is-full\n flex: none\n width: 100%\n &.mobile\\:is-three-quarters\n flex: none\n width: 75%\n &.mobile\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.mobile\\:is-half\n flex: none\n width: 50%\n &.mobile\\:is-one-third\n flex: none\n width: 33.3333%\n &.mobile\\:is-one-quarter\n flex: none\n width: 25%\n &.mobile\\:is-one-fifth\n flex: none\n width: 20%\n &.mobile\\:is-two-fifths\n flex: none\n width: 40%\n &.mobile\\:is-three-fifths\n flex: none\n width: 60%\n &.mobile\\:is-four-fifths\n flex: none\n width: 80%\n &.mobile\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.mobile\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.mobile\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.mobile\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.mobile\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.mobile\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.mobile\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.mobile\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.mobile\\-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.mobile\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.mobile\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +tablet\n &.is-narrow,\n &.tablet\\:is-narrow\n flex: none\n width: unset\n &.is-full,\n &.tablet\\:is-full\n flex: none\n width: 100%\n &.is-three-quarters,\n &.tablet\\:is-three-quarters\n flex: none\n width: 75%\n &.is-two-thirds,\n &.tablet\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.is-half,\n &.tablet\\:is-half\n flex: none\n width: 50%\n &.is-one-third,\n &.tablet\\:is-one-third\n flex: none\n width: 33.3333%\n &.is-one-quarter,\n &.tablet\\:is-one-quarter\n flex: none\n width: 25%\n &.is-one-fifth,\n &.tablet\\:is-one-fifth\n flex: none\n width: 20%\n &.is-two-fifths,\n &.tablet\\:is-two-fifths\n flex: none\n width: 40%\n &.is-three-fifths,\n &.tablet\\:is-three-fifths\n flex: none\n width: 60%\n &.is-four-fifths,\n &.tablet\\:is-four-fifths\n flex: none\n width: 80%\n &.is-offset-three-quarters,\n &.tablet\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.is-offset-two-thirds,\n &.tablet\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.is-offset-half,\n &.tablet\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.is-offset-one-third,\n &.tablet\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.is-offset-one-quarter,\n &.tablet\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.is-offset-one-fifth,\n &.tablet\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.is-offset-two-fifths,\n &.tablet\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.is-offset-three-fifths,\n &.tablet\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.is-offset-four-fifths,\n &.tablet\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.is-#{$i},\n &.tablet\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.is-offset-#{$i},\n &.tablet\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +touch\n &.touch\\:is-narrow\n flex: none\n width: unset\n &.touch\\:is-full\n flex: none\n width: 100%\n &.touch\\:is-three-quarters\n flex: none\n width: 75%\n &.touch\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.touch\\:is-half\n flex: none\n width: 50%\n &.touch\\:is-one-third\n flex: none\n width: 33.3333%\n &.touch\\:is-one-quarter\n flex: none\n width: 25%\n &.touch\\:is-one-fifth\n flex: none\n width: 20%\n &.touch\\:is-two-fifths\n flex: none\n width: 40%\n &.touch\\:is-three-fifths\n flex: none\n width: 60%\n &.touch\\:is-four-fifths\n flex: none\n width: 80%\n &.touch\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.touch\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.touch\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.touch\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.touch\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.touch\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.touch\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.touch\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.touch\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.touch\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.touch\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +desktop\n &.desktop\\:is-narrow\n flex: none\n width: unset\n &.desktop\\:is-full\n flex: none\n width: 100%\n &.desktop\\:is-three-quarters\n flex: none\n width: 75%\n &.desktop\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.desktop\\:is-half\n flex: none\n width: 50%\n &.desktop\\:is-one-third\n flex: none\n width: 33.3333%\n &.desktop\\:is-one-quarter\n flex: none\n width: 25%\n &.desktop\\:is-one-fifth\n flex: none\n width: 20%\n &.desktop\\:is-two-fifths\n flex: none\n width: 40%\n &.desktop\\:is-three-fifths\n flex: none\n width: 60%\n &.desktop\\:is-four-fifths\n flex: none\n width: 80%\n &.desktop\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.desktop\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.desktop\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.desktop\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.desktop\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.desktop\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.desktop\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.desktop\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.desktop\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.desktop\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.desktop\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +widescreen\n &.widescreen\\:is-narrow\n flex: none\n width: unset\n &.widescreen\\:is-full\n flex: none\n width: 100%\n &.widescreen\\:is-three-quarters\n flex: none\n width: 75%\n &.widescreen\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.widescreen\\:is-half\n flex: none\n width: 50%\n &.widescreen\\:is-one-third\n flex: none\n width: 33.3333%\n &.widescreen\\:is-one-quarter\n flex: none\n width: 25%\n &.widescreen\\:is-one-fifth\n flex: none\n width: 20%\n &.widescreen\\:is-two-fifths\n flex: none\n width: 40%\n &.widescreen\\:is-three-fifths\n flex: none\n width: 60%\n &.widescreen\\:is-four-fifths\n flex: none\n width: 80%\n &.widescreen\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.widescreen\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.widescreen\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.widescreen\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.widescreen\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.widescreen\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.widescreen\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.widescreen\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.widescreen\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.widescreen\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.widescreen\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +fullhd\n &.fullhd\\:is-narrow\n flex: none\n width: unset\n &.fullhd\\:is-full\n flex: none\n width: 100%\n &.fullhd\\:is-three-quarters\n flex: none\n width: 75%\n &.fullhd\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.fullhd\\:is-half\n flex: none\n width: 50%\n &.fullhd\\:is-one-third\n flex: none\n width: 33.3333%\n &.fullhd\\:is-one-quarter\n flex: none\n width: 25%\n &.fullhd\\:is-one-fifth\n flex: none\n width: 20%\n &.fullhd\\:is-two-fifths\n flex: none\n width: 40%\n &.fullhd\\:is-three-fifths\n flex: none\n width: 60%\n &.fullhd\\:is-four-fifths\n flex: none\n width: 80%\n &.fullhd\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.fullhd\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.fullhd\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.fullhd\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.fullhd\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.fullhd\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.fullhd\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.fullhd\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.fullhd\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.fullhd\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.fullhd\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n\n.grid\n +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)), false)\n +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)))\n margin-top: (calc(var(--bal-column-gap) * -1))\n &:last-child\n margin-bottom: (calc(var(--bal-column-gap) * -1))\n &:not(:last-child)\n margin-bottom: calc(1.5rem - #{var(--bal-column-gap)})\n // Modifiers\n &.is-centered\n justify-content: center\n &.is-gapless\n +ltr-property(\"margin\", 0, false)\n +ltr-property(\"margin\", 0)\n margin-top: 0\n & > .col\n margin: 0\n padding: 0 !important\n &:not(:last-child)\n margin-bottom: 1.5rem\n &:last-child\n margin-bottom: 0\n &.is-mobile\n display: flex\n &.is-multiline\n flex-wrap: wrap\n &.is-vcentered\n align-items: center\n // Responsiveness\n +tablet\n &:not(.is-desktop)\n display: flex\n +desktop\n // Modifiers\n &.is-desktop\n display: flex\n","@use \"sass:map\"\n@use \"sass:string\"\n@use \"sass:math\"\n\n@function bulmaRgba($color, $alpha)\n @if type-of($color) != 'color'\n @return $color\n @return rgba($color, $alpha)\n\n=hover\n @media(hover: hover) and (pointer: fine)\n @content\n\n=overflow-touch\n -webkit-overflow-scrolling: touch\n\n=focus-shadow\n +hover\n box-shadow: var(--bal-focus-shadow) !important\n\n=focus-inset-shadow\n +hover\n box-shadow: var(--bal-focus-shadow-inset) !important\n\n=focus-inverted-shadow\n +hover\n box-shadow: var(--bal-focus-shadow-inverted) !important\n\n=focus-inverted-inset-shadow\n +hover\n box-shadow: var(--bal-focus-shadow-inverted-inset) !important\n\n=font-smoothing\n -moz-osx-font-smoothing: grayscale\n -webkit-font-smoothing: antialiased\n\n$block-spacing: 0.25rem !default\n=bottomSpacing($spacing: $block-spacing)\n &:not(:last-child)\n margin-bottom: $spacing\n\n=ltr-position($spacing, $right: true)\n $normal: if($right, \"right\", \"left\")\n #{$normal}: $spacing\n\n=ltr-property($property, $spacing, $right: true)\n $normal: if($right, \"right\", \"left\")\n #{$property}-#{$normal}: $spacing\n\n=unselectable\n -webkit-touch-callout: none\n -webkit-user-select: none\n -moz-user-select: none\n -ms-user-select: none\n user-select: none\n\n=disabled\n cursor: default !important\n pointer-events: none !important\n\n=reset\n -moz-appearance: none\n -webkit-appearance: none\n appearance: none\n background: none\n border: none\n color: currentColor\n font-family: inherit\n font-size: 1em\n margin: 0\n padding: 0\n\n=overlay($offset: 0)\n bottom: $offset\n left: $offset\n position: absolute\n right: $offset\n top: $offset\n\n=hide-element\n display: none !important\n visibility: hidden !important\n\n=hidden-input\n position: absolute !important\n left: 0\n top: 0\n margin: 0\n padding: 0\n opacity: 0\n outline: 0\n border: none\n width: 1px\n height: 1px\n clip: rect(1px, 1px, 1px, 1px)\n overflow: hidden\n\n=invisible\n position: absolute !important\n height: 1px !important\n width: 1px !important\n padding: 0 !important\n overflow: hidden !important\n border: none !important\n white-space: nowrap !important\n clip: rect(1px 1px 1px 1px) !important\n clip: rect(1px, 1px, 1px, 1px) !important\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/core/grid.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/general.mixin.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;EACE;EACA;;AACF;ECAA,aDC0B;;AAC1B;ECFA,aDG0B;;AAC1B;ECJA,aDK0B;;AAC1B;ECNA,aDO0B;;AAC1B;ECRA,aDS0B;;AAC1B;ECVA,aDW0B;;AAC1B;ECZA,aDa0B;;AAC1B;ECdA,aDe0B;;AAC1B;EChBA,aDiB0B;;AAExB;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AAJ1B;EACE;EACA;;AACF;ECtBF,aDuB4B;;AExD5B;EF0DE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC1DF,aD2D4B;;EAC1B;IC5DF,aD6D4B;;EAC1B;IC9DF,aD+D4B;;EAC1B;IChEF,aDiE4B;;EAC1B;IClEF,aDmE4B;;EAC1B;ICpEF,aDqE4B;;EAC1B;ICtEF,aDuE4B;;EAC1B;ICxEF,aDyE4B;;EAC1B;IC1EF,aD2E4B;;EAExB;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;EAJ1B;IACE;IACA;;EACF;IChFJ,aDiF8B;;;AE9G9B;EFgHE;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IAEE;IACA;;EACF;IC/HF,aDiI4B;;EAC1B;IClIF,aDoI4B;;EAC1B;ICrIF,aDuI4B;;EAC1B;ICxIF,aD0I4B;;EAC1B;IC3IF,aD6I4B;;EAC1B;IC9IF,aDgJ4B;;EAC1B;ICjJF,aDmJ4B;;EAC1B;ICpJF,aDsJ4B;;EAC1B;ICvJF,aDyJ4B;;EAExB;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;EAN1B;IAEE;IACA;;EACF;IC/JJ,aDiK8B;;;AEtL9B;EFwLE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICpMF,aDqM4B;;EAC1B;ICtMF,aDuM4B;;EAC1B;ICxMF,aDyM4B;;EAC1B;IC1MF,aD2M4B;;EAC1B;IC5MF,aD6M4B;;EAC1B;IC9MF,aD+M4B;;EAC1B;IChNF,aDiN4B;;EAC1B;IClNF,aDmN4B;;EAC1B;ICpNF,aDqN4B;;EAExB;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;EAJ1B;IACE;IACA;;EACF;IC1NJ,aD2N8B;;;AE5O9B;EF8OE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IC9PF,aD+P4B;;EAC1B;IChQF,aDiQ4B;;EAC1B;IClQF,aDmQ4B;;EAC1B;ICpQF,aDqQ4B;;EAC1B;ICtQF,aDuQ4B;;EAC1B;ICxQF,aDyQ4B;;EAC1B;IC1QF,aD2Q4B;;EAC1B;IC5QF,aD6Q4B;;EAC1B;IC9QF,aD+Q4B;;EAExB;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;EAJ1B;IACE;IACA;;EACF;ICpRJ,aDqR8B;;;AE9Q9B;EFgRE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;ICxTF,aDyT4B;;EAC1B;IC1TF,aD2T4B;;EAC1B;IC5TF,aD6T4B;;EAC1B;IC9TF,aD+T4B;;EAC1B;IChUF,aDiU4B;;EAC1B;IClUF,aDmU4B;;EAC1B;ICpUF,aDqU4B;;EAC1B;ICtUF,aDuU4B;;EAC1B;ICxUF,aDyU4B;;EAExB;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;EAJ1B;IACE;IACA;;EACF;IC9UJ,aD+U8B;;;AE5T9B;EF8TE;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IACE;IACA;;EACF;IClXF,aDmX4B;;EAC1B;ICpXF,aDqX4B;;EAC1B;ICtXF,aDuX4B;;EAC1B;ICxXF,aDyX4B;;EAC1B;IC1XF,aD2X4B;;EAC1B;IC5XF,aD6X4B;;EAC1B;IC9XF,aD+X4B;;EAC1B;IChYF,aDiY4B;;EAC1B;IClYF,aDmY4B;;EAExB;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;EAJ1B;IACE;IACA;;EACF;ICxYJ,aDyY8B;;;;AAEhC;EC3YE,aD4YwB;EC5YxB,cD6YwB;EACxB;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;ECtZA,aDuZ0B;ECvZ1B,cDwZ0B;EACxB;;AACA;EACE;EACA;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AEncF;EFscE;IACE;;;AE3bJ;EF8bE;IACE","sourcesContent":["@use \"sass:math\"\n\n.grid\n flex-basis: 0\n flex-grow: 1\n flex-shrink: 1\n\n.col\n display: block\n flex-basis: 0\n flex-grow: 1\n flex-shrink: 1\n padding: var(--bal-column-gap)\n .grid.is-mobile > &.is-narrow\n flex: none\n width: unset\n .grid.is-mobile > &.is-full\n flex: none\n width: 100%\n .grid.is-mobile > &.is-three-quarters\n flex: none\n width: 75%\n .grid.is-mobile > &.is-two-thirds\n flex: none\n width: 66.6666%\n .grid.is-mobile > &.is-half\n flex: none\n width: 50%\n .grid.is-mobile > &.is-one-third\n flex: none\n width: 33.3333%\n .grid.is-mobile > &.is-one-quarter\n flex: none\n width: 25%\n .grid.is-mobile > &.is-one-fifth\n flex: none\n width: 20%\n .grid.is-mobile > &.is-two-fifths\n flex: none\n width: 40%\n .grid.is-mobile > &.is-three-fifths\n flex: none\n width: 60%\n .grid.is-mobile > &.is-four-fifths\n flex: none\n width: 80%\n .grid.is-mobile > &.is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n .grid.is-mobile > &.is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n .grid.is-mobile > &.is-offset-half\n +ltr-property(\"margin\", 50%, false)\n .grid.is-mobile > &.is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n .grid.is-mobile > &.is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n .grid.is-mobile > &.is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n .grid.is-mobile > &.is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n .grid.is-mobile > &.is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n .grid.is-mobile > &.is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n .grid.is-mobile > &.is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n .grid.is-mobile > &.is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +mobile\n &.mobile\\:is-narrow\n flex: none\n width: unset\n &.mobile\\:is-full\n flex: none\n width: 100%\n &.mobile\\:is-three-quarters\n flex: none\n width: 75%\n &.mobile\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.mobile\\:is-half\n flex: none\n width: 50%\n &.mobile\\:is-one-third\n flex: none\n width: 33.3333%\n &.mobile\\:is-one-quarter\n flex: none\n width: 25%\n &.mobile\\:is-one-fifth\n flex: none\n width: 20%\n &.mobile\\:is-two-fifths\n flex: none\n width: 40%\n &.mobile\\:is-three-fifths\n flex: none\n width: 60%\n &.mobile\\:is-four-fifths\n flex: none\n width: 80%\n &.mobile\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.mobile\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.mobile\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.mobile\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.mobile\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.mobile\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.mobile\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.mobile\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.mobile\\-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.mobile\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.mobile\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +tablet\n &.is-narrow,\n &.tablet\\:is-narrow\n flex: none\n width: unset\n &.is-full,\n &.tablet\\:is-full\n flex: none\n width: 100%\n &.is-three-quarters,\n &.tablet\\:is-three-quarters\n flex: none\n width: 75%\n &.is-two-thirds,\n &.tablet\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.is-half,\n &.tablet\\:is-half\n flex: none\n width: 50%\n &.is-one-third,\n &.tablet\\:is-one-third\n flex: none\n width: 33.3333%\n &.is-one-quarter,\n &.tablet\\:is-one-quarter\n flex: none\n width: 25%\n &.is-one-fifth,\n &.tablet\\:is-one-fifth\n flex: none\n width: 20%\n &.is-two-fifths,\n &.tablet\\:is-two-fifths\n flex: none\n width: 40%\n &.is-three-fifths,\n &.tablet\\:is-three-fifths\n flex: none\n width: 60%\n &.is-four-fifths,\n &.tablet\\:is-four-fifths\n flex: none\n width: 80%\n &.is-offset-three-quarters,\n &.tablet\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.is-offset-two-thirds,\n &.tablet\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.is-offset-half,\n &.tablet\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.is-offset-one-third,\n &.tablet\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.is-offset-one-quarter,\n &.tablet\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.is-offset-one-fifth,\n &.tablet\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.is-offset-two-fifths,\n &.tablet\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.is-offset-three-fifths,\n &.tablet\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.is-offset-four-fifths,\n &.tablet\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.is-#{$i},\n &.tablet\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.is-offset-#{$i},\n &.tablet\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +touch\n &.touch\\:is-narrow\n flex: none\n width: unset\n &.touch\\:is-full\n flex: none\n width: 100%\n &.touch\\:is-three-quarters\n flex: none\n width: 75%\n &.touch\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.touch\\:is-half\n flex: none\n width: 50%\n &.touch\\:is-one-third\n flex: none\n width: 33.3333%\n &.touch\\:is-one-quarter\n flex: none\n width: 25%\n &.touch\\:is-one-fifth\n flex: none\n width: 20%\n &.touch\\:is-two-fifths\n flex: none\n width: 40%\n &.touch\\:is-three-fifths\n flex: none\n width: 60%\n &.touch\\:is-four-fifths\n flex: none\n width: 80%\n &.touch\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.touch\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.touch\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.touch\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.touch\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.touch\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.touch\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.touch\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.touch\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.touch\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.touch\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +desktop\n &.desktop\\:is-narrow\n flex: none\n width: unset\n &.desktop\\:is-full\n flex: none\n width: 100%\n &.desktop\\:is-three-quarters\n flex: none\n width: 75%\n &.desktop\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.desktop\\:is-half\n flex: none\n width: 50%\n &.desktop\\:is-one-third\n flex: none\n width: 33.3333%\n &.desktop\\:is-one-quarter\n flex: none\n width: 25%\n &.desktop\\:is-one-fifth\n flex: none\n width: 20%\n &.desktop\\:is-two-fifths\n flex: none\n width: 40%\n &.desktop\\:is-three-fifths\n flex: none\n width: 60%\n &.desktop\\:is-four-fifths\n flex: none\n width: 80%\n &.desktop\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.desktop\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.desktop\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.desktop\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.desktop\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.desktop\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.desktop\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.desktop\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.desktop\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.desktop\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.desktop\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +widescreen\n &.widescreen\\:is-narrow\n flex: none\n width: unset\n &.widescreen\\:is-full\n flex: none\n width: 100%\n &.widescreen\\:is-three-quarters\n flex: none\n width: 75%\n &.widescreen\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.widescreen\\:is-half\n flex: none\n width: 50%\n &.widescreen\\:is-one-third\n flex: none\n width: 33.3333%\n &.widescreen\\:is-one-quarter\n flex: none\n width: 25%\n &.widescreen\\:is-one-fifth\n flex: none\n width: 20%\n &.widescreen\\:is-two-fifths\n flex: none\n width: 40%\n &.widescreen\\:is-three-fifths\n flex: none\n width: 60%\n &.widescreen\\:is-four-fifths\n flex: none\n width: 80%\n &.widescreen\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.widescreen\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.widescreen\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.widescreen\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.widescreen\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.widescreen\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.widescreen\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.widescreen\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.widescreen\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.widescreen\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.widescreen\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n +fullhd\n &.fullhd\\:is-narrow\n flex: none\n width: unset\n &.fullhd\\:is-full\n flex: none\n width: 100%\n &.fullhd\\:is-three-quarters\n flex: none\n width: 75%\n &.fullhd\\:is-two-thirds\n flex: none\n width: 66.6666%\n &.fullhd\\:is-half\n flex: none\n width: 50%\n &.fullhd\\:is-one-third\n flex: none\n width: 33.3333%\n &.fullhd\\:is-one-quarter\n flex: none\n width: 25%\n &.fullhd\\:is-one-fifth\n flex: none\n width: 20%\n &.fullhd\\:is-two-fifths\n flex: none\n width: 40%\n &.fullhd\\:is-three-fifths\n flex: none\n width: 60%\n &.fullhd\\:is-four-fifths\n flex: none\n width: 80%\n &.fullhd\\:is-offset-three-quarters\n +ltr-property(\"margin\", 75%, false)\n &.fullhd\\:is-offset-two-thirds\n +ltr-property(\"margin\", 66.6666%, false)\n &.fullhd\\:is-offset-half\n +ltr-property(\"margin\", 50%, false)\n &.fullhd\\:is-offset-one-third\n +ltr-property(\"margin\", 33.3333%, false)\n &.fullhd\\:is-offset-one-quarter\n +ltr-property(\"margin\", 25%, false)\n &.fullhd\\:is-offset-one-fifth\n +ltr-property(\"margin\", 20%, false)\n &.fullhd\\:is-offset-two-fifths\n +ltr-property(\"margin\", 40%, false)\n &.fullhd\\:is-offset-three-fifths\n +ltr-property(\"margin\", 60%, false)\n &.fullhd\\:is-offset-four-fifths\n +ltr-property(\"margin\", 80%, false)\n @for $i from 0 through 12\n &.fullhd\\:is-#{$i}\n flex: none\n width: percentage(math.div($i,12))\n &.fullhd\\:is-offset-#{$i}\n +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n\n.grid\n +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)), false)\n +ltr-property(\"margin\", (calc(var(--bal-column-gap) * -1)))\n margin-top: (calc(var(--bal-column-gap) * -1))\n &:last-child\n margin-bottom: (calc(var(--bal-column-gap) * -1))\n &:not(:last-child)\n margin-bottom: calc(1.5rem - #{var(--bal-column-gap)})\n // Modifiers\n &.is-centered\n justify-content: center\n &.is-gapless\n +ltr-property(\"margin\", 0, false)\n +ltr-property(\"margin\", 0)\n margin-top: 0\n & > .col\n margin: 0\n padding: 0 !important\n &:not(:last-child)\n margin-bottom: 1.5rem\n &:last-child\n margin-bottom: 0\n &.is-mobile\n display: flex\n &.is-multiline\n flex-wrap: wrap\n &.is-vcentered\n align-items: center\n // Responsiveness\n +tablet\n &:not(.is-desktop)\n display: flex\n +desktop\n // Modifiers\n &.is-desktop\n display: flex\n","@use \"sass:map\"\n@use \"sass:string\"\n@use \"sass:math\"\n\n@function bulmaRgba($color, $alpha)\n @if type-of($color) != 'color'\n @return $color\n @return rgba($color, $alpha)\n\n=hover\n @media(hover: hover) and (pointer: fine)\n @content\n\n=overflow-touch\n -webkit-overflow-scrolling: touch\n\n=focus-shadow\n +hover\n box-shadow: var(--bal-focus-shadow) !important\n\n=focus-inset-shadow\n +hover\n box-shadow: var(--bal-focus-shadow-inset) !important\n\n=focus-inverted-shadow\n +hover\n box-shadow: var(--bal-focus-shadow-inverted) !important\n\n=focus-inverted-inset-shadow\n +hover\n box-shadow: var(--bal-focus-shadow-inverted-inset) !important\n\n=font-smoothing\n -moz-osx-font-smoothing: grayscale\n -webkit-font-smoothing: antialiased\n\n=bottomSpacing($spacing: $block-spacing)\n &:not(:last-child)\n margin-bottom: $spacing\n\n=ltr-position($spacing, $right: true)\n $normal: if($right, \"right\", \"left\")\n #{$normal}: $spacing\n\n=ltr-property($property, $spacing, $right: true)\n $normal: if($right, \"right\", \"left\")\n #{$property}-#{$normal}: $spacing\n\n=unselectable\n -webkit-touch-callout: none\n -webkit-user-select: none\n -moz-user-select: none\n -ms-user-select: none\n user-select: none\n\n=disabled\n cursor: default !important\n pointer-events: none !important\n\n=reset\n -moz-appearance: none\n -webkit-appearance: none\n appearance: none\n background: none\n border: none\n color: currentColor\n font-family: inherit\n font-size: 1em\n margin: 0\n padding: 0\n\n=overlay($offset: 0)\n bottom: $offset\n left: $offset\n position: absolute\n right: $offset\n top: $offset\n\n=hide-element\n display: none !important\n visibility: hidden !important\n\n=hidden-input\n position: absolute !important\n left: 0\n top: 0\n margin: 0\n padding: 0\n opacity: 0\n outline: 0\n border: none\n width: 1px\n height: 1px\n clip: rect(1px, 1px, 1px, 1px)\n overflow: hidden\n\n=invisible\n position: absolute !important\n height: 1px !important\n width: 1px !important\n padding: 0 !important\n overflow: hidden !important\n border: none !important\n white-space: nowrap !important\n clip: rect(1px 1px 1px 1px) !important\n clip: rect(1px, 1px, 1px, 1px) !important\n","=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n"]}
package/css/utilities/interaction.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/interaction.sass"],"names":[],"mappings":"AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","sourcesContent":["@use '../mixins/_all' as *\n\n\n.select-none\n user-select: none !important\n\n.select-text\n user-select: text !important\n\n.select-all\n user-select: all !important\n\n.select-auto\n user-select: auto !important\n\n.cursor-auto\n cursor: auto !important\n\n.cursor-pointer\n cursor: pointer !important\n\n.cursor-wait\n cursor: wait !important\n\n.cursor-move\n cursor: move !important\n\n.cursor-not-allowed\n cursor: not-allowed !important\n\n.pointer-events-auto\n pointer-events: auto !important\n\n.pointer-events-none\n pointer-events: none !important\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/interaction.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","sourcesContent":[".select-none\n user-select: none !important\n\n.select-text\n user-select: text !important\n\n.select-all\n user-select: all !important\n\n.select-auto\n user-select: auto !important\n\n.cursor-auto\n cursor: auto !important\n\n.cursor-pointer\n cursor: pointer !important\n\n.cursor-wait\n cursor: wait !important\n\n.cursor-move\n cursor: move !important\n\n.cursor-not-allowed\n cursor: not-allowed !important\n\n.pointer-events-auto\n pointer-events: auto !important\n\n.pointer-events-none\n pointer-events: none !important\n"]}
package/css/utilities/layout.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/layout.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass","file:///home/runner/work/design-system/design-system/packages/styles/sass/utilities/layout.sass"],"names":[],"mappings":"AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACJA;EDOA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnBF;EDsBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClCF;EDqCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjDF;EDoDA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChEF;EDmEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/EF;EDkFA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9FF;EDiGA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7GF;EDgHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpHF;EDuHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnIF;EDsIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9IF;EDiJA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACzPA;ED4PA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1RF;ED6RA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnTF;EDsTA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChUF;EDmUA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC5ZA;ED+ZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxaF;ED2aA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5aF;ED+aA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpaF;EDuaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACjfA;EDofA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACngBF;EDsgBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7gBF;EDghBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC3gBF;ED8gBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACxlBA;ED2lBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpmBF;EDumBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxmBF;ED2mBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChmBF;EDmmBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACvqBA;ED0qBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnrBF;EDsrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvrBF;ED0rBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/qBF;EDkrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACtvBA;EDyvBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClwBF;EDqwBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtwBF;EDywBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9vBF;EDiwBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACp1BA;EDu1BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/2BF;EDk3BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACl4BF;EDq4BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACz4BF;ED44BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACz9BA;ED49BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/9BF;EDk+BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC79BF;EDg+BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/8BF;EDk9BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AE7gCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["@use '../mixins/_all' as *\n\n\n.hidden\n display: none !important\n\n.block\n display: block !important\n\n.inline\n display: inline !important\n\n.inline-block\n display: inline-block !important\n\n.flex\n display: flex !important\n\n.inline-flex\n display: inline-flex !important\n\n+mobile\n .mobile\\:hidden\n display: none !important\n\n .mobile\\:block\n display: block !important\n\n .mobile\\:inline\n display: inline !important\n\n .mobile\\:inline-block\n display: inline-block !important\n\n .mobile\\:flex\n display: flex !important\n\n .mobile\\:inline-flex\n display: inline-flex !important\n\n+tablet\n .tablet\\:hidden\n display: none !important\n\n .tablet\\:block\n display: block !important\n\n .tablet\\:inline\n display: inline !important\n\n .tablet\\:inline-block\n display: inline-block !important\n\n .tablet\\:flex\n display: flex !important\n\n .tablet\\:inline-flex\n display: inline-flex !important\n\n+tablet-only\n .tablet-only\\:hidden\n display: none !important\n\n .tablet-only\\:block\n display: block !important\n\n .tablet-only\\:inline\n display: inline !important\n\n .tablet-only\\:inline-block\n display: inline-block !important\n\n .tablet-only\\:flex\n display: flex !important\n\n .tablet-only\\:inline-flex\n display: inline-flex !important\n\n+touch\n .touch\\:hidden\n display: none !important\n\n .touch\\:block\n display: block !important\n\n .touch\\:inline\n display: inline !important\n\n .touch\\:inline-block\n display: inline-block !important\n\n .touch\\:flex\n display: flex !important\n\n .touch\\:inline-flex\n display: inline-flex !important\n\n+desktop\n .desktop\\:hidden\n display: none !important\n\n .desktop\\:block\n display: block !important\n\n .desktop\\:inline\n display: inline !important\n\n .desktop\\:inline-block\n display: inline-block !important\n\n .desktop\\:flex\n display: flex !important\n\n .desktop\\:inline-flex\n display: inline-flex !important\n\n+desktop-only\n .desktop-only\\:hidden\n display: none !important\n\n .desktop-only\\:block\n display: block !important\n\n .desktop-only\\:inline\n display: inline !important\n\n .desktop-only\\:inline-block\n display: inline-block !important\n\n .desktop-only\\:flex\n display: flex !important\n\n .desktop-only\\:inline-flex\n display: inline-flex !important\n\n+high-definition\n .high-definition\\:hidden\n display: none !important\n\n .high-definition\\:block\n display: block !important\n\n .high-definition\\:inline\n display: inline !important\n\n .high-definition\\:inline-block\n display: inline-block !important\n\n .high-definition\\:flex\n display: flex !important\n\n .high-definition\\:inline-flex\n display: inline-flex !important\n\n+high-definition-only\n .high-definition-only\\:hidden\n display: none !important\n\n .high-definition-only\\:block\n display: block !important\n\n .high-definition-only\\:inline\n display: inline !important\n\n .high-definition-only\\:inline-block\n display: inline-block !important\n\n .high-definition-only\\:flex\n display: flex !important\n\n .high-definition-only\\:inline-flex\n display: inline-flex !important\n\n+widescreen\n .widescreen\\:hidden\n display: none !important\n\n .widescreen\\:block\n display: block !important\n\n .widescreen\\:inline\n display: inline !important\n\n .widescreen\\:inline-block\n display: inline-block !important\n\n .widescreen\\:flex\n display: flex !important\n\n .widescreen\\:inline-flex\n display: inline-flex !important\n\n+widescreen-only\n .widescreen-only\\:hidden\n display: none !important\n\n .widescreen-only\\:block\n display: block !important\n\n .widescreen-only\\:inline\n display: inline !important\n\n .widescreen-only\\:inline-block\n display: inline-block !important\n\n .widescreen-only\\:flex\n display: flex !important\n\n .widescreen-only\\:inline-flex\n display: inline-flex !important\n\n+fullhd\n .fullhd\\:hidden\n display: none !important\n\n .fullhd\\:block\n display: block !important\n\n .fullhd\\:inline\n display: inline !important\n\n .fullhd\\:inline-block\n display: inline-block !important\n\n .fullhd\\:flex\n display: flex !important\n\n .fullhd\\:inline-flex\n display: inline-flex !important\n\n.overflow-auto\n overflow: auto !important\n\n.overflow-hidden\n overflow: hidden !important\n\n.overflow-visible\n overflow: visible !important\n\n.overflow-scroll\n overflow: scroll !important\n\n.overflow-x-auto\n overflow: auto !important\n\n.overflow-x-hidden\n overflow: hidden !important\n\n.overflow-x-visible\n overflow: visible !important\n\n.overflow-x-scroll\n overflow: scroll !important\n\n.overflow-y-auto\n overflow: auto !important\n\n.overflow-y-hidden\n overflow: hidden !important\n\n.overflow-y-visible\n overflow: visible !important\n\n.overflow-y-scroll\n overflow: scroll !important\n\n+mobile\n .mobile\\:overflow-auto\n overflow: auto !important\n\n .mobile\\:overflow-hidden\n overflow: hidden !important\n\n .mobile\\:overflow-visible\n overflow: visible !important\n\n .mobile\\:overflow-scroll\n overflow: scroll !important\n\n .mobile\\:overflow-x-auto\n overflow: auto !important\n\n .mobile\\:overflow-x-hidden\n overflow: hidden !important\n\n .mobile\\:overflow-x-visible\n overflow: visible !important\n\n .mobile\\:overflow-x-scroll\n overflow: scroll !important\n\n .mobile\\:overflow-y-auto\n overflow: auto !important\n\n .mobile\\:overflow-y-hidden\n overflow: hidden !important\n\n .mobile\\:overflow-y-visible\n overflow: visible !important\n\n .mobile\\:overflow-y-scroll\n overflow: scroll !important\n\n+tablet\n .tablet\\:overflow-auto\n overflow: auto !important\n\n .tablet\\:overflow-hidden\n overflow: hidden !important\n\n .tablet\\:overflow-visible\n overflow: visible !important\n\n .tablet\\:overflow-scroll\n overflow: scroll !important\n\n .tablet\\:overflow-x-auto\n overflow: auto !important\n\n .tablet\\:overflow-x-hidden\n overflow: hidden !important\n\n .tablet\\:overflow-x-visible\n overflow: visible !important\n\n .tablet\\:overflow-x-scroll\n overflow: scroll !important\n\n .tablet\\:overflow-y-auto\n overflow: auto !important\n\n .tablet\\:overflow-y-hidden\n overflow: hidden !important\n\n .tablet\\:overflow-y-visible\n overflow: visible !important\n\n .tablet\\:overflow-y-scroll\n overflow: scroll !important\n\n+desktop\n .desktop\\:overflow-auto\n overflow: auto !important\n\n .desktop\\:overflow-hidden\n overflow: hidden !important\n\n .desktop\\:overflow-visible\n overflow: visible !important\n\n .desktop\\:overflow-scroll\n overflow: scroll !important\n\n .desktop\\:overflow-x-auto\n overflow: auto !important\n\n .desktop\\:overflow-x-hidden\n overflow: hidden !important\n\n .desktop\\:overflow-x-visible\n overflow: visible !important\n\n .desktop\\:overflow-x-scroll\n overflow: scroll !important\n\n .desktop\\:overflow-y-auto\n overflow: auto !important\n\n .desktop\\:overflow-y-hidden\n overflow: hidden !important\n\n .desktop\\:overflow-y-visible\n overflow: visible !important\n\n .desktop\\:overflow-y-scroll\n overflow: scroll !important\n\n+widescreen\n .widescreen\\:overflow-auto\n overflow: auto !important\n\n .widescreen\\:overflow-hidden\n overflow: hidden !important\n\n .widescreen\\:overflow-visible\n overflow: visible !important\n\n .widescreen\\:overflow-scroll\n overflow: scroll !important\n\n .widescreen\\:overflow-x-auto\n overflow: auto !important\n\n .widescreen\\:overflow-x-hidden\n overflow: hidden !important\n\n .widescreen\\:overflow-x-visible\n overflow: visible !important\n\n .widescreen\\:overflow-x-scroll\n overflow: scroll !important\n\n .widescreen\\:overflow-y-auto\n overflow: auto !important\n\n .widescreen\\:overflow-y-hidden\n overflow: hidden !important\n\n .widescreen\\:overflow-y-visible\n overflow: visible !important\n\n .widescreen\\:overflow-y-scroll\n overflow: scroll !important\n\n.static\n position: static !important\n\n.fixed\n position: fixed !important\n\n.relative\n position: relative !important\n\n.absolute\n position: absolute !important\n\n.sticky\n position: sticky !important\n\n+mobile\n .mobile\\:static\n position: static !important\n\n .mobile\\:fixed\n position: fixed !important\n\n .mobile\\:relative\n position: relative !important\n\n .mobile\\:absolute\n position: absolute !important\n\n .mobile\\:sticky\n position: sticky !important\n\n+tablet\n .tablet\\:static\n position: static !important\n\n .tablet\\:fixed\n position: fixed !important\n\n .tablet\\:relative\n position: relative !important\n\n .tablet\\:absolute\n position: absolute !important\n\n .tablet\\:sticky\n position: sticky !important\n\n+desktop\n .desktop\\:static\n position: static !important\n\n .desktop\\:fixed\n position: fixed !important\n\n .desktop\\:relative\n position: relative !important\n\n .desktop\\:absolute\n position: absolute !important\n\n .desktop\\:sticky\n position: sticky !important\n\n+widescreen\n .widescreen\\:static\n position: static !important\n\n .widescreen\\:fixed\n position: fixed !important\n\n .widescreen\\:relative\n position: relative !important\n\n .widescreen\\:absolute\n position: absolute !important\n\n .widescreen\\:sticky\n position: sticky !important\n\n.top-auto\n top: auto !important\n\n.top-1rem\n top: 1rem !important\n\n.top-0-5rem\n top: 0.5rem !important\n\n.top-0-25rem\n top: 0.25rem !important\n\n.top-0\n top: 0 !important\n\n.top-50\n top: 50% !important\n\n.top-100\n top: 100% !important\n\n+mobile\n .mobile\\:top-auto\n top: auto !important\n\n .mobile\\:top-1rem\n top: 1rem !important\n\n .mobile\\:top-0-5rem\n top: 0.5rem !important\n\n .mobile\\:top-0-25rem\n top: 0.25rem !important\n\n .mobile\\:top-0\n top: 0 !important\n\n .mobile\\:top-50\n top: 50% !important\n\n .mobile\\:top-100\n top: 100% !important\n\n+tablet\n .tablet\\:top-auto\n top: auto !important\n\n .tablet\\:top-1rem\n top: 1rem !important\n\n .tablet\\:top-0-5rem\n top: 0.5rem !important\n\n .tablet\\:top-0-25rem\n top: 0.25rem !important\n\n .tablet\\:top-0\n top: 0 !important\n\n .tablet\\:top-50\n top: 50% !important\n\n .tablet\\:top-100\n top: 100% !important\n\n+desktop\n .desktop\\:top-auto\n top: auto !important\n\n .desktop\\:top-1rem\n top: 1rem !important\n\n .desktop\\:top-0-5rem\n top: 0.5rem !important\n\n .desktop\\:top-0-25rem\n top: 0.25rem !important\n\n .desktop\\:top-0\n top: 0 !important\n\n .desktop\\:top-50\n top: 50% !important\n\n .desktop\\:top-100\n top: 100% !important\n\n+widescreen\n .widescreen\\:top-auto\n top: auto !important\n\n .widescreen\\:top-1rem\n top: 1rem !important\n\n .widescreen\\:top-0-5rem\n top: 0.5rem !important\n\n .widescreen\\:top-0-25rem\n top: 0.25rem !important\n\n .widescreen\\:top-0\n top: 0 !important\n\n .widescreen\\:top-50\n top: 50% !important\n\n .widescreen\\:top-100\n top: 100% !important\n\n.right-auto\n right: auto !important\n\n.right-1rem\n right: 1rem !important\n\n.right-0\n right: 0 !important\n\n.right-50\n right: 50% !important\n\n.right-100\n right: 100% !important\n\n+mobile\n .mobile\\:right-auto\n right: auto !important\n\n .mobile\\:right-1rem\n right: 1rem !important\n\n .mobile\\:right-0\n right: 0 !important\n\n .mobile\\:right-50\n right: 50% !important\n\n .mobile\\:right-100\n right: 100% !important\n\n+tablet\n .tablet\\:right-auto\n right: auto !important\n\n .tablet\\:right-1rem\n right: 1rem !important\n\n .tablet\\:right-0\n right: 0 !important\n\n .tablet\\:right-50\n right: 50% !important\n\n .tablet\\:right-100\n right: 100% !important\n\n+desktop\n .desktop\\:right-auto\n right: auto !important\n\n .desktop\\:right-1rem\n right: 1rem !important\n\n .desktop\\:right-0\n right: 0 !important\n\n .desktop\\:right-50\n right: 50% !important\n\n .desktop\\:right-100\n right: 100% !important\n\n+widescreen\n .widescreen\\:right-auto\n right: auto !important\n\n .widescreen\\:right-1rem\n right: 1rem !important\n\n .widescreen\\:right-0\n right: 0 !important\n\n .widescreen\\:right-50\n right: 50% !important\n\n .widescreen\\:right-100\n right: 100% !important\n\n.bottom-auto\n bottom: auto !important\n\n.bottom-1rem\n bottom: 1rem !important\n\n.bottom-0\n bottom: 0 !important\n\n.bottom-50\n bottom: 50% !important\n\n.bottom-100\n bottom: 100% !important\n\n+mobile\n .mobile\\:bottom-auto\n bottom: auto !important\n\n .mobile\\:bottom-1rem\n bottom: 1rem !important\n\n .mobile\\:bottom-0\n bottom: 0 !important\n\n .mobile\\:bottom-50\n bottom: 50% !important\n\n .mobile\\:bottom-100\n bottom: 100% !important\n\n+tablet\n .tablet\\:bottom-auto\n bottom: auto !important\n\n .tablet\\:bottom-1rem\n bottom: 1rem !important\n\n .tablet\\:bottom-0\n bottom: 0 !important\n\n .tablet\\:bottom-50\n bottom: 50% !important\n\n .tablet\\:bottom-100\n bottom: 100% !important\n\n+desktop\n .desktop\\:bottom-auto\n bottom: auto !important\n\n .desktop\\:bottom-1rem\n bottom: 1rem !important\n\n .desktop\\:bottom-0\n bottom: 0 !important\n\n .desktop\\:bottom-50\n bottom: 50% !important\n\n .desktop\\:bottom-100\n bottom: 100% !important\n\n+widescreen\n .widescreen\\:bottom-auto\n bottom: auto !important\n\n .widescreen\\:bottom-1rem\n bottom: 1rem !important\n\n .widescreen\\:bottom-0\n bottom: 0 !important\n\n .widescreen\\:bottom-50\n bottom: 50% !important\n\n .widescreen\\:bottom-100\n bottom: 100% !important\n\n.left-auto\n left: auto !important\n\n.left-1rem\n left: 1rem !important\n\n.left-0\n left: 0 !important\n\n.left-50\n left: 50% !important\n\n.left-100\n left: 100% !important\n\n+mobile\n .mobile\\:left-auto\n left: auto !important\n\n .mobile\\:left-1rem\n left: 1rem !important\n\n .mobile\\:left-0\n left: 0 !important\n\n .mobile\\:left-50\n left: 50% !important\n\n .mobile\\:left-100\n left: 100% !important\n\n+tablet\n .tablet\\:left-auto\n left: auto !important\n\n .tablet\\:left-1rem\n left: 1rem !important\n\n .tablet\\:left-0\n left: 0 !important\n\n .tablet\\:left-50\n left: 50% !important\n\n .tablet\\:left-100\n left: 100% !important\n\n+desktop\n .desktop\\:left-auto\n left: auto !important\n\n .desktop\\:left-1rem\n left: 1rem !important\n\n .desktop\\:left-0\n left: 0 !important\n\n .desktop\\:left-50\n left: 50% !important\n\n .desktop\\:left-100\n left: 100% !important\n\n+widescreen\n .widescreen\\:left-auto\n left: auto !important\n\n .widescreen\\:left-1rem\n left: 1rem !important\n\n .widescreen\\:left-0\n left: 0 !important\n\n .widescreen\\:left-50\n left: 50% !important\n\n .widescreen\\:left-100\n left: 100% !important\n\n.z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n.z-index\n z-index: var(--bal-z-index) !important\n\n.z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n.z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n.z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n.z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n.z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n.z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n.z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n.z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+mobile\n .mobile\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .mobile\\:z-index\n z-index: var(--bal-z-index) !important\n\n .mobile\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .mobile\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .mobile\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .mobile\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .mobile\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .mobile\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .mobile\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .mobile\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+tablet\n .tablet\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .tablet\\:z-index\n z-index: var(--bal-z-index) !important\n\n .tablet\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .tablet\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .tablet\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .tablet\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .tablet\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .tablet\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .tablet\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .tablet\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+desktop\n .desktop\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .desktop\\:z-index\n z-index: var(--bal-z-index) !important\n\n .desktop\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .desktop\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .desktop\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .desktop\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .desktop\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .desktop\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .desktop\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .desktop\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+widescreen\n .widescreen\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .widescreen\\:z-index\n z-index: var(--bal-z-index) !important\n\n .widescreen\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .widescreen\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .widescreen\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .widescreen\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .widescreen\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .widescreen\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .widescreen\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .widescreen\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n.vertical-align-top\n vertical-align: top !important\n\n.vertical-align-middle\n vertical-align: middle !important\n\n.vertical-align-bottom\n vertical-align: bottom !important\n\n+mobile\n .mobile\\:vertical-align-top\n vertical-align: top !important\n\n .mobile\\:vertical-align-middle\n vertical-align: middle !important\n\n .mobile\\:vertical-align-bottom\n vertical-align: bottom !important\n\n+tablet\n .tablet\\:vertical-align-top\n vertical-align: top !important\n\n .tablet\\:vertical-align-middle\n vertical-align: middle !important\n\n .tablet\\:vertical-align-bottom\n vertical-align: bottom !important\n\n+desktop\n .desktop\\:vertical-align-top\n vertical-align: top !important\n\n .desktop\\:vertical-align-middle\n vertical-align: middle !important\n\n .desktop\\:vertical-align-bottom\n vertical-align: bottom !important\n\n+widescreen\n .widescreen\\:vertical-align-top\n vertical-align: top !important\n\n .widescreen\\:vertical-align-middle\n vertical-align: middle !important\n\n .widescreen\\:vertical-align-bottom\n vertical-align: bottom !important\n","@use '@baloise/ds-tokens/dist/tokens.scss' as *\n\n=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n","@forward '../mixins'\n@forward '../../src/generated/layout'\n\n.is-sr-only\n border: none !important\n clip: rect(0, 0, 0, 0) !important\n height: 0.01em !important\n overflow: hidden !important\n padding: 0 !important\n position: absolute !important\n white-space: nowrap !important\n width: 0.01em !important\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/layout.sass","file:///home/runner/work/design-system/design-system/packages/styles/src/mixins/breakpoint.mixin.sass","file:///home/runner/work/design-system/design-system/packages/styles/sass/utilities/layout.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACHA;EDMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClBF;EDqBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjCF;EDoCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChDF;EDmDA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/DF;EDkEA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9EF;EDiFA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7FF;EDgGA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5GF;ED+GA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnHF;EDsHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClIF;EDqIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7IF;EDgJA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACxPA;ED2PA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACzRF;ED4RA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClTF;EDqTA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/TF;EDkUA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC3ZA;ED8ZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvaF;ED0aA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC3aF;ED8aA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnaF;EDsaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AChfA;EDmfA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClgBF;EDqgBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5gBF;ED+gBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1gBF;ED6gBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACvlBA;ED0lBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnmBF;EDsmBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvmBF;ED0mBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/lBF;EDkmBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACtqBA;EDyqBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClrBF;EDqrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtrBF;EDyrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9qBF;EDirBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACrvBA;EDwvBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjwBF;EDowBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrwBF;EDwwBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7vBF;EDgwBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACn1BA;EDs1BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC92BF;EDi3BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACj4BF;EDo4BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACx4BF;ED24BA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACx9BA;ED29BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC99BF;EDi+BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC59BF;ED+9BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AC98BF;EDi9BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AE1gCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":[".hidden\n display: none !important\n\n.block\n display: block !important\n\n.inline\n display: inline !important\n\n.inline-block\n display: inline-block !important\n\n.flex\n display: flex !important\n\n.inline-flex\n display: inline-flex !important\n\n+mobile\n .mobile\\:hidden\n display: none !important\n\n .mobile\\:block\n display: block !important\n\n .mobile\\:inline\n display: inline !important\n\n .mobile\\:inline-block\n display: inline-block !important\n\n .mobile\\:flex\n display: flex !important\n\n .mobile\\:inline-flex\n display: inline-flex !important\n\n+tablet\n .tablet\\:hidden\n display: none !important\n\n .tablet\\:block\n display: block !important\n\n .tablet\\:inline\n display: inline !important\n\n .tablet\\:inline-block\n display: inline-block !important\n\n .tablet\\:flex\n display: flex !important\n\n .tablet\\:inline-flex\n display: inline-flex !important\n\n+tablet-only\n .tablet-only\\:hidden\n display: none !important\n\n .tablet-only\\:block\n display: block !important\n\n .tablet-only\\:inline\n display: inline !important\n\n .tablet-only\\:inline-block\n display: inline-block !important\n\n .tablet-only\\:flex\n display: flex !important\n\n .tablet-only\\:inline-flex\n display: inline-flex !important\n\n+touch\n .touch\\:hidden\n display: none !important\n\n .touch\\:block\n display: block !important\n\n .touch\\:inline\n display: inline !important\n\n .touch\\:inline-block\n display: inline-block !important\n\n .touch\\:flex\n display: flex !important\n\n .touch\\:inline-flex\n display: inline-flex !important\n\n+desktop\n .desktop\\:hidden\n display: none !important\n\n .desktop\\:block\n display: block !important\n\n .desktop\\:inline\n display: inline !important\n\n .desktop\\:inline-block\n display: inline-block !important\n\n .desktop\\:flex\n display: flex !important\n\n .desktop\\:inline-flex\n display: inline-flex !important\n\n+desktop-only\n .desktop-only\\:hidden\n display: none !important\n\n .desktop-only\\:block\n display: block !important\n\n .desktop-only\\:inline\n display: inline !important\n\n .desktop-only\\:inline-block\n display: inline-block !important\n\n .desktop-only\\:flex\n display: flex !important\n\n .desktop-only\\:inline-flex\n display: inline-flex !important\n\n+high-definition\n .high-definition\\:hidden\n display: none !important\n\n .high-definition\\:block\n display: block !important\n\n .high-definition\\:inline\n display: inline !important\n\n .high-definition\\:inline-block\n display: inline-block !important\n\n .high-definition\\:flex\n display: flex !important\n\n .high-definition\\:inline-flex\n display: inline-flex !important\n\n+high-definition-only\n .high-definition-only\\:hidden\n display: none !important\n\n .high-definition-only\\:block\n display: block !important\n\n .high-definition-only\\:inline\n display: inline !important\n\n .high-definition-only\\:inline-block\n display: inline-block !important\n\n .high-definition-only\\:flex\n display: flex !important\n\n .high-definition-only\\:inline-flex\n display: inline-flex !important\n\n+widescreen\n .widescreen\\:hidden\n display: none !important\n\n .widescreen\\:block\n display: block !important\n\n .widescreen\\:inline\n display: inline !important\n\n .widescreen\\:inline-block\n display: inline-block !important\n\n .widescreen\\:flex\n display: flex !important\n\n .widescreen\\:inline-flex\n display: inline-flex !important\n\n+widescreen-only\n .widescreen-only\\:hidden\n display: none !important\n\n .widescreen-only\\:block\n display: block !important\n\n .widescreen-only\\:inline\n display: inline !important\n\n .widescreen-only\\:inline-block\n display: inline-block !important\n\n .widescreen-only\\:flex\n display: flex !important\n\n .widescreen-only\\:inline-flex\n display: inline-flex !important\n\n+fullhd\n .fullhd\\:hidden\n display: none !important\n\n .fullhd\\:block\n display: block !important\n\n .fullhd\\:inline\n display: inline !important\n\n .fullhd\\:inline-block\n display: inline-block !important\n\n .fullhd\\:flex\n display: flex !important\n\n .fullhd\\:inline-flex\n display: inline-flex !important\n\n.overflow-auto\n overflow: auto !important\n\n.overflow-hidden\n overflow: hidden !important\n\n.overflow-visible\n overflow: visible !important\n\n.overflow-scroll\n overflow: scroll !important\n\n.overflow-x-auto\n overflow: auto !important\n\n.overflow-x-hidden\n overflow: hidden !important\n\n.overflow-x-visible\n overflow: visible !important\n\n.overflow-x-scroll\n overflow: scroll !important\n\n.overflow-y-auto\n overflow: auto !important\n\n.overflow-y-hidden\n overflow: hidden !important\n\n.overflow-y-visible\n overflow: visible !important\n\n.overflow-y-scroll\n overflow: scroll !important\n\n+mobile\n .mobile\\:overflow-auto\n overflow: auto !important\n\n .mobile\\:overflow-hidden\n overflow: hidden !important\n\n .mobile\\:overflow-visible\n overflow: visible !important\n\n .mobile\\:overflow-scroll\n overflow: scroll !important\n\n .mobile\\:overflow-x-auto\n overflow: auto !important\n\n .mobile\\:overflow-x-hidden\n overflow: hidden !important\n\n .mobile\\:overflow-x-visible\n overflow: visible !important\n\n .mobile\\:overflow-x-scroll\n overflow: scroll !important\n\n .mobile\\:overflow-y-auto\n overflow: auto !important\n\n .mobile\\:overflow-y-hidden\n overflow: hidden !important\n\n .mobile\\:overflow-y-visible\n overflow: visible !important\n\n .mobile\\:overflow-y-scroll\n overflow: scroll !important\n\n+tablet\n .tablet\\:overflow-auto\n overflow: auto !important\n\n .tablet\\:overflow-hidden\n overflow: hidden !important\n\n .tablet\\:overflow-visible\n overflow: visible !important\n\n .tablet\\:overflow-scroll\n overflow: scroll !important\n\n .tablet\\:overflow-x-auto\n overflow: auto !important\n\n .tablet\\:overflow-x-hidden\n overflow: hidden !important\n\n .tablet\\:overflow-x-visible\n overflow: visible !important\n\n .tablet\\:overflow-x-scroll\n overflow: scroll !important\n\n .tablet\\:overflow-y-auto\n overflow: auto !important\n\n .tablet\\:overflow-y-hidden\n overflow: hidden !important\n\n .tablet\\:overflow-y-visible\n overflow: visible !important\n\n .tablet\\:overflow-y-scroll\n overflow: scroll !important\n\n+desktop\n .desktop\\:overflow-auto\n overflow: auto !important\n\n .desktop\\:overflow-hidden\n overflow: hidden !important\n\n .desktop\\:overflow-visible\n overflow: visible !important\n\n .desktop\\:overflow-scroll\n overflow: scroll !important\n\n .desktop\\:overflow-x-auto\n overflow: auto !important\n\n .desktop\\:overflow-x-hidden\n overflow: hidden !important\n\n .desktop\\:overflow-x-visible\n overflow: visible !important\n\n .desktop\\:overflow-x-scroll\n overflow: scroll !important\n\n .desktop\\:overflow-y-auto\n overflow: auto !important\n\n .desktop\\:overflow-y-hidden\n overflow: hidden !important\n\n .desktop\\:overflow-y-visible\n overflow: visible !important\n\n .desktop\\:overflow-y-scroll\n overflow: scroll !important\n\n+widescreen\n .widescreen\\:overflow-auto\n overflow: auto !important\n\n .widescreen\\:overflow-hidden\n overflow: hidden !important\n\n .widescreen\\:overflow-visible\n overflow: visible !important\n\n .widescreen\\:overflow-scroll\n overflow: scroll !important\n\n .widescreen\\:overflow-x-auto\n overflow: auto !important\n\n .widescreen\\:overflow-x-hidden\n overflow: hidden !important\n\n .widescreen\\:overflow-x-visible\n overflow: visible !important\n\n .widescreen\\:overflow-x-scroll\n overflow: scroll !important\n\n .widescreen\\:overflow-y-auto\n overflow: auto !important\n\n .widescreen\\:overflow-y-hidden\n overflow: hidden !important\n\n .widescreen\\:overflow-y-visible\n overflow: visible !important\n\n .widescreen\\:overflow-y-scroll\n overflow: scroll !important\n\n.static\n position: static !important\n\n.fixed\n position: fixed !important\n\n.relative\n position: relative !important\n\n.absolute\n position: absolute !important\n\n.sticky\n position: sticky !important\n\n+mobile\n .mobile\\:static\n position: static !important\n\n .mobile\\:fixed\n position: fixed !important\n\n .mobile\\:relative\n position: relative !important\n\n .mobile\\:absolute\n position: absolute !important\n\n .mobile\\:sticky\n position: sticky !important\n\n+tablet\n .tablet\\:static\n position: static !important\n\n .tablet\\:fixed\n position: fixed !important\n\n .tablet\\:relative\n position: relative !important\n\n .tablet\\:absolute\n position: absolute !important\n\n .tablet\\:sticky\n position: sticky !important\n\n+desktop\n .desktop\\:static\n position: static !important\n\n .desktop\\:fixed\n position: fixed !important\n\n .desktop\\:relative\n position: relative !important\n\n .desktop\\:absolute\n position: absolute !important\n\n .desktop\\:sticky\n position: sticky !important\n\n+widescreen\n .widescreen\\:static\n position: static !important\n\n .widescreen\\:fixed\n position: fixed !important\n\n .widescreen\\:relative\n position: relative !important\n\n .widescreen\\:absolute\n position: absolute !important\n\n .widescreen\\:sticky\n position: sticky !important\n\n.top-auto\n top: auto !important\n\n.top-1rem\n top: 1rem !important\n\n.top-0-5rem\n top: 0.5rem !important\n\n.top-0-25rem\n top: 0.25rem !important\n\n.top-0\n top: 0 !important\n\n.top-50\n top: 50% !important\n\n.top-100\n top: 100% !important\n\n+mobile\n .mobile\\:top-auto\n top: auto !important\n\n .mobile\\:top-1rem\n top: 1rem !important\n\n .mobile\\:top-0-5rem\n top: 0.5rem !important\n\n .mobile\\:top-0-25rem\n top: 0.25rem !important\n\n .mobile\\:top-0\n top: 0 !important\n\n .mobile\\:top-50\n top: 50% !important\n\n .mobile\\:top-100\n top: 100% !important\n\n+tablet\n .tablet\\:top-auto\n top: auto !important\n\n .tablet\\:top-1rem\n top: 1rem !important\n\n .tablet\\:top-0-5rem\n top: 0.5rem !important\n\n .tablet\\:top-0-25rem\n top: 0.25rem !important\n\n .tablet\\:top-0\n top: 0 !important\n\n .tablet\\:top-50\n top: 50% !important\n\n .tablet\\:top-100\n top: 100% !important\n\n+desktop\n .desktop\\:top-auto\n top: auto !important\n\n .desktop\\:top-1rem\n top: 1rem !important\n\n .desktop\\:top-0-5rem\n top: 0.5rem !important\n\n .desktop\\:top-0-25rem\n top: 0.25rem !important\n\n .desktop\\:top-0\n top: 0 !important\n\n .desktop\\:top-50\n top: 50% !important\n\n .desktop\\:top-100\n top: 100% !important\n\n+widescreen\n .widescreen\\:top-auto\n top: auto !important\n\n .widescreen\\:top-1rem\n top: 1rem !important\n\n .widescreen\\:top-0-5rem\n top: 0.5rem !important\n\n .widescreen\\:top-0-25rem\n top: 0.25rem !important\n\n .widescreen\\:top-0\n top: 0 !important\n\n .widescreen\\:top-50\n top: 50% !important\n\n .widescreen\\:top-100\n top: 100% !important\n\n.right-auto\n right: auto !important\n\n.right-1rem\n right: 1rem !important\n\n.right-0\n right: 0 !important\n\n.right-50\n right: 50% !important\n\n.right-100\n right: 100% !important\n\n+mobile\n .mobile\\:right-auto\n right: auto !important\n\n .mobile\\:right-1rem\n right: 1rem !important\n\n .mobile\\:right-0\n right: 0 !important\n\n .mobile\\:right-50\n right: 50% !important\n\n .mobile\\:right-100\n right: 100% !important\n\n+tablet\n .tablet\\:right-auto\n right: auto !important\n\n .tablet\\:right-1rem\n right: 1rem !important\n\n .tablet\\:right-0\n right: 0 !important\n\n .tablet\\:right-50\n right: 50% !important\n\n .tablet\\:right-100\n right: 100% !important\n\n+desktop\n .desktop\\:right-auto\n right: auto !important\n\n .desktop\\:right-1rem\n right: 1rem !important\n\n .desktop\\:right-0\n right: 0 !important\n\n .desktop\\:right-50\n right: 50% !important\n\n .desktop\\:right-100\n right: 100% !important\n\n+widescreen\n .widescreen\\:right-auto\n right: auto !important\n\n .widescreen\\:right-1rem\n right: 1rem !important\n\n .widescreen\\:right-0\n right: 0 !important\n\n .widescreen\\:right-50\n right: 50% !important\n\n .widescreen\\:right-100\n right: 100% !important\n\n.bottom-auto\n bottom: auto !important\n\n.bottom-1rem\n bottom: 1rem !important\n\n.bottom-0\n bottom: 0 !important\n\n.bottom-50\n bottom: 50% !important\n\n.bottom-100\n bottom: 100% !important\n\n+mobile\n .mobile\\:bottom-auto\n bottom: auto !important\n\n .mobile\\:bottom-1rem\n bottom: 1rem !important\n\n .mobile\\:bottom-0\n bottom: 0 !important\n\n .mobile\\:bottom-50\n bottom: 50% !important\n\n .mobile\\:bottom-100\n bottom: 100% !important\n\n+tablet\n .tablet\\:bottom-auto\n bottom: auto !important\n\n .tablet\\:bottom-1rem\n bottom: 1rem !important\n\n .tablet\\:bottom-0\n bottom: 0 !important\n\n .tablet\\:bottom-50\n bottom: 50% !important\n\n .tablet\\:bottom-100\n bottom: 100% !important\n\n+desktop\n .desktop\\:bottom-auto\n bottom: auto !important\n\n .desktop\\:bottom-1rem\n bottom: 1rem !important\n\n .desktop\\:bottom-0\n bottom: 0 !important\n\n .desktop\\:bottom-50\n bottom: 50% !important\n\n .desktop\\:bottom-100\n bottom: 100% !important\n\n+widescreen\n .widescreen\\:bottom-auto\n bottom: auto !important\n\n .widescreen\\:bottom-1rem\n bottom: 1rem !important\n\n .widescreen\\:bottom-0\n bottom: 0 !important\n\n .widescreen\\:bottom-50\n bottom: 50% !important\n\n .widescreen\\:bottom-100\n bottom: 100% !important\n\n.left-auto\n left: auto !important\n\n.left-1rem\n left: 1rem !important\n\n.left-0\n left: 0 !important\n\n.left-50\n left: 50% !important\n\n.left-100\n left: 100% !important\n\n+mobile\n .mobile\\:left-auto\n left: auto !important\n\n .mobile\\:left-1rem\n left: 1rem !important\n\n .mobile\\:left-0\n left: 0 !important\n\n .mobile\\:left-50\n left: 50% !important\n\n .mobile\\:left-100\n left: 100% !important\n\n+tablet\n .tablet\\:left-auto\n left: auto !important\n\n .tablet\\:left-1rem\n left: 1rem !important\n\n .tablet\\:left-0\n left: 0 !important\n\n .tablet\\:left-50\n left: 50% !important\n\n .tablet\\:left-100\n left: 100% !important\n\n+desktop\n .desktop\\:left-auto\n left: auto !important\n\n .desktop\\:left-1rem\n left: 1rem !important\n\n .desktop\\:left-0\n left: 0 !important\n\n .desktop\\:left-50\n left: 50% !important\n\n .desktop\\:left-100\n left: 100% !important\n\n+widescreen\n .widescreen\\:left-auto\n left: auto !important\n\n .widescreen\\:left-1rem\n left: 1rem !important\n\n .widescreen\\:left-0\n left: 0 !important\n\n .widescreen\\:left-50\n left: 50% !important\n\n .widescreen\\:left-100\n left: 100% !important\n\n.z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n.z-index\n z-index: var(--bal-z-index) !important\n\n.z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n.z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n.z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n.z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n.z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n.z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n.z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n.z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+mobile\n .mobile\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .mobile\\:z-index\n z-index: var(--bal-z-index) !important\n\n .mobile\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .mobile\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .mobile\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .mobile\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .mobile\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .mobile\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .mobile\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .mobile\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+tablet\n .tablet\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .tablet\\:z-index\n z-index: var(--bal-z-index) !important\n\n .tablet\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .tablet\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .tablet\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .tablet\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .tablet\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .tablet\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .tablet\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .tablet\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+desktop\n .desktop\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .desktop\\:z-index\n z-index: var(--bal-z-index) !important\n\n .desktop\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .desktop\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .desktop\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .desktop\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .desktop\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .desktop\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .desktop\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .desktop\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n+widescreen\n .widescreen\\:z-index-deep\n z-index: var(--bal-z-index-deep) !important\n\n .widescreen\\:z-index\n z-index: var(--bal-z-index) !important\n\n .widescreen\\:z-index-masked\n z-index: var(--bal-z-index-masked) !important\n\n .widescreen\\:z-index-mask\n z-index: var(--bal-z-index-mask) !important\n\n .widescreen\\:z-index-sticky\n z-index: var(--bal-z-index-sticky) !important\n\n .widescreen\\:z-index-navigation\n z-index: var(--bal-z-index-navigation) !important\n\n .widescreen\\:z-index-popup\n z-index: var(--bal-z-index-popup) !important\n\n .widescreen\\:z-index-modal\n z-index: var(--bal-z-index-modal) !important\n\n .widescreen\\:z-index-toast\n z-index: var(--bal-z-index-toast) !important\n\n .widescreen\\:z-index-tooltip\n z-index: var(--bal-z-index-tooltip) !important\n\n.vertical-align-top\n vertical-align: top !important\n\n.vertical-align-middle\n vertical-align: middle !important\n\n.vertical-align-bottom\n vertical-align: bottom !important\n\n+mobile\n .mobile\\:vertical-align-top\n vertical-align: top !important\n\n .mobile\\:vertical-align-middle\n vertical-align: middle !important\n\n .mobile\\:vertical-align-bottom\n vertical-align: bottom !important\n\n+tablet\n .tablet\\:vertical-align-top\n vertical-align: top !important\n\n .tablet\\:vertical-align-middle\n vertical-align: middle !important\n\n .tablet\\:vertical-align-bottom\n vertical-align: bottom !important\n\n+desktop\n .desktop\\:vertical-align-top\n vertical-align: top !important\n\n .desktop\\:vertical-align-middle\n vertical-align: middle !important\n\n .desktop\\:vertical-align-bottom\n vertical-align: bottom !important\n\n+widescreen\n .widescreen\\:vertical-align-top\n vertical-align: top !important\n\n .widescreen\\:vertical-align-middle\n vertical-align: middle !important\n\n .widescreen\\:vertical-align-bottom\n vertical-align: bottom !important\n","=from($device)\n @media screen and (min-width: $device)\n @content\n\n=until($device)\n @media screen and (max-width: $device - 1px)\n @content\n\n=between($min-device, $max-device)\n @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n @content\n\n=mobile\n @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n @content\n\n=tablet\n @media screen and (min-width: $bal-breakpoint-tablet), print\n @content\n\n=tablet-only\n @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=touch\n @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n @content\n\n=desktop\n @media screen and (min-width: $bal-breakpoint-desktop)\n @content\n\n=desktop-only\n @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=high-definition\n @media screen and (min-width: $bal-breakpoint-high-definition)\n @content\n\n=high-definition-only\n @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=until-high-definition\n @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n @content\n\n=until-widescreen\n @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n @content\n\n=widescreen\n @media screen and (min-width: $bal-breakpoint-widescreen)\n @content\n\n=widescreen-only\n @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=until-fullhd\n @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n @content\n\n=fullhd\n @media screen and (min-width: $bal-breakpoint-fullhd)\n @content\n","@import '../mixins'\n@import '../../src/generated/layout'\n\n.is-sr-only\n border: none !important\n clip: rect(0, 0, 0, 0) !important\n height: 0.01em !important\n overflow: hidden !important\n padding: 0 !important\n position: absolute !important\n white-space: nowrap !important\n width: 0.01em !important\n"]}