@baloise/ds-styles 17.3.0 → 17.4.0-snapshot.1609-d2bcc38d3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/all.css +345 -448
- package/css/all.css.map +1 -1
- package/css/all.min.css +1 -1
- package/css/baloise-design-system.css +345 -448
- package/css/baloise-design-system.css.map +1 -1
- package/css/baloise-design-system.min.css +1 -1
- package/css/basic.css +68 -128
- package/css/basic.css.map +1 -1
- package/css/basic.min.css +1 -1
- package/css/core.css +68 -54
- package/css/core.css.map +1 -1
- package/css/core.min.css +1 -1
- package/css/structure.css.map +1 -1
- package/css/utilities/all.css +290 -0
- package/css/utilities/all.css.map +1 -1
- package/css/utilities/all.min.css +1 -1
- package/css/utilities/background.css.map +1 -1
- package/css/utilities/border.css.map +1 -1
- package/css/utilities/elevation.css +64 -0
- package/css/utilities/elevation.css.map +1 -1
- package/css/utilities/elevation.min.css +1 -1
- package/css/utilities/flex.css +130 -0
- package/css/utilities/flex.css.map +1 -1
- package/css/utilities/flex.min.css +1 -1
- package/css/utilities/grid.css.map +1 -1
- package/css/utilities/interaction.css.map +1 -1
- package/css/utilities/layout.css +96 -0
- package/css/utilities/layout.css.map +1 -1
- package/css/utilities/layout.min.css +1 -1
- package/css/utilities/sizing.css.map +1 -1
- package/css/utilities/spacing.css.map +1 -1
- package/css/utilities/typography.css.map +1 -1
- package/package.json +3 -3
- package/sass/all.sass +6 -6
- package/sass/baloise-design-system.sass +1 -1
- package/sass/basic.sass +5 -5
- package/sass/core.sass +3 -4
- package/sass/font.sass +1 -1
- package/sass/mixins.sass +1 -3
- package/sass/structure.sass +1 -1
- package/sass/utilities/all.sass +9 -9
- package/sass/utilities/background.sass +2 -2
- package/sass/utilities/border.sass +2 -2
- package/sass/utilities/elevation.sass +2 -2
- package/sass/utilities/flex.sass +2 -2
- package/sass/utilities/grid.sass +2 -2
- package/sass/utilities/interaction.sass +2 -2
- package/sass/utilities/layout.sass +2 -2
- package/sass/utilities/sizing.sass +2 -2
- package/sass/utilities/spacing.sass +2 -2
- package/sass/utilities/typography.sass +2 -2
- package/src/core/_all.sass +8 -8
- package/src/core/container.sass +2 -0
- package/src/core/form/_all.sass +6 -6
- package/src/core/form/button.sass +2 -0
- package/src/core/form/file.sass +3 -0
- package/src/core/form/input-textarea.sass +2 -0
- package/src/core/form/select.sass +3 -0
- package/src/core/form/shared.sass +2 -0
- package/src/core/form/tools.sass +3 -1
- package/src/core/grid.sass +1 -0
- package/src/core/link.sass +2 -0
- package/src/core/list.sass +7 -0
- package/src/core/table.sass +2 -0
- package/src/core/typography.sass +2 -0
- package/src/core/vars/_all.sass +7 -7
- package/src/generated/background.sass +3 -0
- package/src/generated/border.sass +3 -0
- package/src/generated/elevation.sass +63 -0
- package/src/generated/flex.sass +105 -0
- package/src/generated/interaction.sass +3 -0
- package/src/generated/layout.sass +93 -0
- package/src/generated/sizing.sass +3 -0
- package/src/generated/spacing.sass +3 -0
- package/src/generated/typography.sass +3 -0
- package/src/mixins/_all.sass +6 -6
- package/src/mixins/breakpoint.mixin.sass +2 -0
- package/src/mixins/extends.sass +2 -0
- package/src/mixins/general.mixin.sass +1 -0
|
@@ -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":"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"]}
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/src/generated/interaction.sass"],"names":[],"mappings":"
|
|
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"]}
|
package/css/utilities/layout.css
CHANGED
|
@@ -534,6 +534,18 @@
|
|
|
534
534
|
top: auto !important;
|
|
535
535
|
}
|
|
536
536
|
|
|
537
|
+
.top-1rem {
|
|
538
|
+
top: 1rem !important;
|
|
539
|
+
}
|
|
540
|
+
|
|
541
|
+
.top-0-5rem {
|
|
542
|
+
top: 0.5rem !important;
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
.top-0-25rem {
|
|
546
|
+
top: 0.25rem !important;
|
|
547
|
+
}
|
|
548
|
+
|
|
537
549
|
.top-0 {
|
|
538
550
|
top: 0 !important;
|
|
539
551
|
}
|
|
@@ -550,6 +562,15 @@
|
|
|
550
562
|
.mobile\:top-auto {
|
|
551
563
|
top: auto !important;
|
|
552
564
|
}
|
|
565
|
+
.mobile\:top-1rem {
|
|
566
|
+
top: 1rem !important;
|
|
567
|
+
}
|
|
568
|
+
.mobile\:top-0-5rem {
|
|
569
|
+
top: 0.5rem !important;
|
|
570
|
+
}
|
|
571
|
+
.mobile\:top-0-25rem {
|
|
572
|
+
top: 0.25rem !important;
|
|
573
|
+
}
|
|
553
574
|
.mobile\:top-0 {
|
|
554
575
|
top: 0 !important;
|
|
555
576
|
}
|
|
@@ -564,6 +585,15 @@
|
|
|
564
585
|
.tablet\:top-auto {
|
|
565
586
|
top: auto !important;
|
|
566
587
|
}
|
|
588
|
+
.tablet\:top-1rem {
|
|
589
|
+
top: 1rem !important;
|
|
590
|
+
}
|
|
591
|
+
.tablet\:top-0-5rem {
|
|
592
|
+
top: 0.5rem !important;
|
|
593
|
+
}
|
|
594
|
+
.tablet\:top-0-25rem {
|
|
595
|
+
top: 0.25rem !important;
|
|
596
|
+
}
|
|
567
597
|
.tablet\:top-0 {
|
|
568
598
|
top: 0 !important;
|
|
569
599
|
}
|
|
@@ -578,6 +608,15 @@
|
|
|
578
608
|
.desktop\:top-auto {
|
|
579
609
|
top: auto !important;
|
|
580
610
|
}
|
|
611
|
+
.desktop\:top-1rem {
|
|
612
|
+
top: 1rem !important;
|
|
613
|
+
}
|
|
614
|
+
.desktop\:top-0-5rem {
|
|
615
|
+
top: 0.5rem !important;
|
|
616
|
+
}
|
|
617
|
+
.desktop\:top-0-25rem {
|
|
618
|
+
top: 0.25rem !important;
|
|
619
|
+
}
|
|
581
620
|
.desktop\:top-0 {
|
|
582
621
|
top: 0 !important;
|
|
583
622
|
}
|
|
@@ -592,6 +631,15 @@
|
|
|
592
631
|
.widescreen\:top-auto {
|
|
593
632
|
top: auto !important;
|
|
594
633
|
}
|
|
634
|
+
.widescreen\:top-1rem {
|
|
635
|
+
top: 1rem !important;
|
|
636
|
+
}
|
|
637
|
+
.widescreen\:top-0-5rem {
|
|
638
|
+
top: 0.5rem !important;
|
|
639
|
+
}
|
|
640
|
+
.widescreen\:top-0-25rem {
|
|
641
|
+
top: 0.25rem !important;
|
|
642
|
+
}
|
|
595
643
|
.widescreen\:top-0 {
|
|
596
644
|
top: 0 !important;
|
|
597
645
|
}
|
|
@@ -606,6 +654,10 @@
|
|
|
606
654
|
right: auto !important;
|
|
607
655
|
}
|
|
608
656
|
|
|
657
|
+
.right-1rem {
|
|
658
|
+
right: 1rem !important;
|
|
659
|
+
}
|
|
660
|
+
|
|
609
661
|
.right-0 {
|
|
610
662
|
right: 0 !important;
|
|
611
663
|
}
|
|
@@ -622,6 +674,9 @@
|
|
|
622
674
|
.mobile\:right-auto {
|
|
623
675
|
right: auto !important;
|
|
624
676
|
}
|
|
677
|
+
.mobile\:right-1rem {
|
|
678
|
+
right: 1rem !important;
|
|
679
|
+
}
|
|
625
680
|
.mobile\:right-0 {
|
|
626
681
|
right: 0 !important;
|
|
627
682
|
}
|
|
@@ -636,6 +691,9 @@
|
|
|
636
691
|
.tablet\:right-auto {
|
|
637
692
|
right: auto !important;
|
|
638
693
|
}
|
|
694
|
+
.tablet\:right-1rem {
|
|
695
|
+
right: 1rem !important;
|
|
696
|
+
}
|
|
639
697
|
.tablet\:right-0 {
|
|
640
698
|
right: 0 !important;
|
|
641
699
|
}
|
|
@@ -650,6 +708,9 @@
|
|
|
650
708
|
.desktop\:right-auto {
|
|
651
709
|
right: auto !important;
|
|
652
710
|
}
|
|
711
|
+
.desktop\:right-1rem {
|
|
712
|
+
right: 1rem !important;
|
|
713
|
+
}
|
|
653
714
|
.desktop\:right-0 {
|
|
654
715
|
right: 0 !important;
|
|
655
716
|
}
|
|
@@ -664,6 +725,9 @@
|
|
|
664
725
|
.widescreen\:right-auto {
|
|
665
726
|
right: auto !important;
|
|
666
727
|
}
|
|
728
|
+
.widescreen\:right-1rem {
|
|
729
|
+
right: 1rem !important;
|
|
730
|
+
}
|
|
667
731
|
.widescreen\:right-0 {
|
|
668
732
|
right: 0 !important;
|
|
669
733
|
}
|
|
@@ -678,6 +742,10 @@
|
|
|
678
742
|
bottom: auto !important;
|
|
679
743
|
}
|
|
680
744
|
|
|
745
|
+
.bottom-1rem {
|
|
746
|
+
bottom: 1rem !important;
|
|
747
|
+
}
|
|
748
|
+
|
|
681
749
|
.bottom-0 {
|
|
682
750
|
bottom: 0 !important;
|
|
683
751
|
}
|
|
@@ -694,6 +762,9 @@
|
|
|
694
762
|
.mobile\:bottom-auto {
|
|
695
763
|
bottom: auto !important;
|
|
696
764
|
}
|
|
765
|
+
.mobile\:bottom-1rem {
|
|
766
|
+
bottom: 1rem !important;
|
|
767
|
+
}
|
|
697
768
|
.mobile\:bottom-0 {
|
|
698
769
|
bottom: 0 !important;
|
|
699
770
|
}
|
|
@@ -708,6 +779,9 @@
|
|
|
708
779
|
.tablet\:bottom-auto {
|
|
709
780
|
bottom: auto !important;
|
|
710
781
|
}
|
|
782
|
+
.tablet\:bottom-1rem {
|
|
783
|
+
bottom: 1rem !important;
|
|
784
|
+
}
|
|
711
785
|
.tablet\:bottom-0 {
|
|
712
786
|
bottom: 0 !important;
|
|
713
787
|
}
|
|
@@ -722,6 +796,9 @@
|
|
|
722
796
|
.desktop\:bottom-auto {
|
|
723
797
|
bottom: auto !important;
|
|
724
798
|
}
|
|
799
|
+
.desktop\:bottom-1rem {
|
|
800
|
+
bottom: 1rem !important;
|
|
801
|
+
}
|
|
725
802
|
.desktop\:bottom-0 {
|
|
726
803
|
bottom: 0 !important;
|
|
727
804
|
}
|
|
@@ -736,6 +813,9 @@
|
|
|
736
813
|
.widescreen\:bottom-auto {
|
|
737
814
|
bottom: auto !important;
|
|
738
815
|
}
|
|
816
|
+
.widescreen\:bottom-1rem {
|
|
817
|
+
bottom: 1rem !important;
|
|
818
|
+
}
|
|
739
819
|
.widescreen\:bottom-0 {
|
|
740
820
|
bottom: 0 !important;
|
|
741
821
|
}
|
|
@@ -750,6 +830,10 @@
|
|
|
750
830
|
left: auto !important;
|
|
751
831
|
}
|
|
752
832
|
|
|
833
|
+
.left-1rem {
|
|
834
|
+
left: 1rem !important;
|
|
835
|
+
}
|
|
836
|
+
|
|
753
837
|
.left-0 {
|
|
754
838
|
left: 0 !important;
|
|
755
839
|
}
|
|
@@ -766,6 +850,9 @@
|
|
|
766
850
|
.mobile\:left-auto {
|
|
767
851
|
left: auto !important;
|
|
768
852
|
}
|
|
853
|
+
.mobile\:left-1rem {
|
|
854
|
+
left: 1rem !important;
|
|
855
|
+
}
|
|
769
856
|
.mobile\:left-0 {
|
|
770
857
|
left: 0 !important;
|
|
771
858
|
}
|
|
@@ -780,6 +867,9 @@
|
|
|
780
867
|
.tablet\:left-auto {
|
|
781
868
|
left: auto !important;
|
|
782
869
|
}
|
|
870
|
+
.tablet\:left-1rem {
|
|
871
|
+
left: 1rem !important;
|
|
872
|
+
}
|
|
783
873
|
.tablet\:left-0 {
|
|
784
874
|
left: 0 !important;
|
|
785
875
|
}
|
|
@@ -794,6 +884,9 @@
|
|
|
794
884
|
.desktop\:left-auto {
|
|
795
885
|
left: auto !important;
|
|
796
886
|
}
|
|
887
|
+
.desktop\:left-1rem {
|
|
888
|
+
left: 1rem !important;
|
|
889
|
+
}
|
|
797
890
|
.desktop\:left-0 {
|
|
798
891
|
left: 0 !important;
|
|
799
892
|
}
|
|
@@ -808,6 +901,9 @@
|
|
|
808
901
|
.widescreen\:left-auto {
|
|
809
902
|
left: auto !important;
|
|
810
903
|
}
|
|
904
|
+
.widescreen\:left-1rem {
|
|
905
|
+
left: 1rem !important;
|
|
906
|
+
}
|
|
811
907
|
.widescreen\:left-0 {
|
|
812
908
|
left: 0 !important;
|
|
813
909
|
}
|
|
@@ -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":"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;;;ACveA;ED0eA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChfF;EDmfA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjfF;EDofA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACteF;EDyeA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACviBA;ED0iBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChjBF;EDmjBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjjBF;EDojBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtiBF;EDyiBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACvmBA;ED0mBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChnBF;EDmnBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjnBF;EDonBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtmBF;EDymBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACvqBA;ED0qBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChrBF;EDmrBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjrBF;EDorBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtqBF;EDyqBA;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;;;ACzvBA;ED4vBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpxBF;EDuxBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvyBF;ED0yBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9yBF;EDizBA;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;;;AC93BA;EDi4BA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACp4BF;EDu4BA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACl4BF;EDq4BA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACp3BF;EDu3BA;IACE;;EAEF;IACE;;EAEF;IACE;;;AEh7BJ;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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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"]}
|
|
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 +1 @@
|
|
|
1
|
-
.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}@media screen and (max-width:768px){.mobile\:hidden{display:none!important}.mobile\:block{display:block!important}.mobile\:inline{display:inline!important}.mobile\:inline-block{display:inline-block!important}.mobile\:flex{display:flex!important}.mobile\:inline-flex{display:inline-flex!important}}@media screen and (min-width:769px),print{.tablet\:hidden{display:none!important}.tablet\:block{display:block!important}.tablet\:inline{display:inline!important}.tablet\:inline-block{display:inline-block!important}.tablet\:flex{display:flex!important}.tablet\:inline-flex{display:inline-flex!important}}@media screen and (min-width:769px) and (max-width:1023px){.tablet-only\:hidden{display:none!important}.tablet-only\:block{display:block!important}.tablet-only\:inline{display:inline!important}.tablet-only\:inline-block{display:inline-block!important}.tablet-only\:flex{display:flex!important}.tablet-only\:inline-flex{display:inline-flex!important}}@media screen and (max-width:1023px){.touch\:hidden{display:none!important}.touch\:block{display:block!important}.touch\:inline{display:inline!important}.touch\:inline-block{display:inline-block!important}.touch\:flex{display:flex!important}.touch\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1024px){.desktop\:hidden{display:none!important}.desktop\:block{display:block!important}.desktop\:inline{display:inline!important}.desktop\:inline-block{display:inline-block!important}.desktop\:flex{display:flex!important}.desktop\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1024px) and (max-width:1279px){.desktop-only\:hidden{display:none!important}.desktop-only\:block{display:block!important}.desktop-only\:inline{display:inline!important}.desktop-only\:inline-block{display:inline-block!important}.desktop-only\:flex{display:flex!important}.desktop-only\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1280px){.high-definition\:hidden{display:none!important}.high-definition\:block{display:block!important}.high-definition\:inline{display:inline!important}.high-definition\:inline-block{display:inline-block!important}.high-definition\:flex{display:flex!important}.high-definition\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1280px) and (max-width:1439px){.high-definition-only\:hidden{display:none!important}.high-definition-only\:block{display:block!important}.high-definition-only\:inline{display:inline!important}.high-definition-only\:inline-block{display:inline-block!important}.high-definition-only\:flex{display:flex!important}.high-definition-only\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1440px){.widescreen\:hidden{display:none!important}.widescreen\:block{display:block!important}.widescreen\:inline{display:inline!important}.widescreen\:inline-block{display:inline-block!important}.widescreen\:flex{display:flex!important}.widescreen\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1440px) and (max-width:1919px){.widescreen-only\:hidden{display:none!important}.widescreen-only\:block{display:block!important}.widescreen-only\:inline{display:inline!important}.widescreen-only\:inline-block{display:inline-block!important}.widescreen-only\:flex{display:flex!important}.widescreen-only\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1920px){.fullhd\:hidden{display:none!important}.fullhd\:block{display:block!important}.fullhd\:inline{display:inline!important}.fullhd\:inline-block{display:inline-block!important}.fullhd\:flex{display:flex!important}.fullhd\:inline-flex{display:inline-flex!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow:auto!important}.overflow-x-hidden{overflow:hidden!important}.overflow-x-visible{overflow:visible!important}.overflow-x-scroll{overflow:scroll!important}.overflow-y-auto{overflow:auto!important}.overflow-y-hidden{overflow:hidden!important}.overflow-y-visible{overflow:visible!important}.overflow-y-scroll{overflow:scroll!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.absolute{position:absolute!important}.sticky{position:sticky!important}.top-auto{top:auto!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.right-auto{right:auto!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.bottom-auto{bottom:auto!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-auto{left:auto!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.z-index-deep{z-index:var(--bal-z-index-deep)!important}.z-index{z-index:var(--bal-z-index)!important}.z-index-masked{z-index:var(--bal-z-index-masked)!important}.z-index-mask{z-index:var(--bal-z-index-mask)!important}.z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.z-index-popup{z-index:var(--bal-z-index-popup)!important}.z-index-modal{z-index:var(--bal-z-index-modal)!important}.z-index-toast{z-index:var(--bal-z-index-toast)!important}.z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.vertical-align-top{vertical-align:top!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-bottom{vertical-align:bottom!important}@media screen and (max-width:768px){.mobile\:overflow-auto{overflow:auto!important}.mobile\:overflow-hidden{overflow:hidden!important}.mobile\:overflow-visible{overflow:visible!important}.mobile\:overflow-scroll{overflow:scroll!important}.mobile\:overflow-x-auto{overflow:auto!important}.mobile\:overflow-x-hidden{overflow:hidden!important}.mobile\:overflow-x-visible{overflow:visible!important}.mobile\:overflow-x-scroll{overflow:scroll!important}.mobile\:overflow-y-auto{overflow:auto!important}.mobile\:overflow-y-hidden{overflow:hidden!important}.mobile\:overflow-y-visible{overflow:visible!important}.mobile\:overflow-y-scroll{overflow:scroll!important}.mobile\:static{position:static!important}.mobile\:fixed{position:fixed!important}.mobile\:relative{position:relative!important}.mobile\:absolute{position:absolute!important}.mobile\:sticky{position:sticky!important}.mobile\:top-auto{top:auto!important}.mobile\:top-0{top:0!important}.mobile\:top-50{top:50%!important}.mobile\:top-100{top:100%!important}.mobile\:right-auto{right:auto!important}.mobile\:right-0{right:0!important}.mobile\:right-50{right:50%!important}.mobile\:right-100{right:100%!important}.mobile\:bottom-auto{bottom:auto!important}.mobile\:bottom-0{bottom:0!important}.mobile\:bottom-50{bottom:50%!important}.mobile\:bottom-100{bottom:100%!important}.mobile\:left-auto{left:auto!important}.mobile\:left-0{left:0!important}.mobile\:left-50{left:50%!important}.mobile\:left-100{left:100%!important}.mobile\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.mobile\:z-index{z-index:var(--bal-z-index)!important}.mobile\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.mobile\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.mobile\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.mobile\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.mobile\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.mobile\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.mobile\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.mobile\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.mobile\:vertical-align-top{vertical-align:top!important}.mobile\:vertical-align-middle{vertical-align:middle!important}.mobile\:vertical-align-bottom{vertical-align:bottom!important}}@media screen and (min-width:769px),print{.tablet\:overflow-auto{overflow:auto!important}.tablet\:overflow-hidden{overflow:hidden!important}.tablet\:overflow-visible{overflow:visible!important}.tablet\:overflow-scroll{overflow:scroll!important}.tablet\:overflow-x-auto{overflow:auto!important}.tablet\:overflow-x-hidden{overflow:hidden!important}.tablet\:overflow-x-visible{overflow:visible!important}.tablet\:overflow-x-scroll{overflow:scroll!important}.tablet\:overflow-y-auto{overflow:auto!important}.tablet\:overflow-y-hidden{overflow:hidden!important}.tablet\:overflow-y-visible{overflow:visible!important}.tablet\:overflow-y-scroll{overflow:scroll!important}.tablet\:static{position:static!important}.tablet\:fixed{position:fixed!important}.tablet\:relative{position:relative!important}.tablet\:absolute{position:absolute!important}.tablet\:sticky{position:sticky!important}.tablet\:top-auto{top:auto!important}.tablet\:top-0{top:0!important}.tablet\:top-50{top:50%!important}.tablet\:top-100{top:100%!important}.tablet\:right-auto{right:auto!important}.tablet\:right-0{right:0!important}.tablet\:right-50{right:50%!important}.tablet\:right-100{right:100%!important}.tablet\:bottom-auto{bottom:auto!important}.tablet\:bottom-0{bottom:0!important}.tablet\:bottom-50{bottom:50%!important}.tablet\:bottom-100{bottom:100%!important}.tablet\:left-auto{left:auto!important}.tablet\:left-0{left:0!important}.tablet\:left-50{left:50%!important}.tablet\:left-100{left:100%!important}.tablet\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.tablet\:z-index{z-index:var(--bal-z-index)!important}.tablet\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.tablet\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.tablet\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.tablet\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.tablet\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.tablet\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.tablet\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.tablet\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.tablet\:vertical-align-top{vertical-align:top!important}.tablet\:vertical-align-middle{vertical-align:middle!important}.tablet\:vertical-align-bottom{vertical-align:bottom!important}}@media screen and (min-width:1024px){.desktop\:overflow-auto{overflow:auto!important}.desktop\:overflow-hidden{overflow:hidden!important}.desktop\:overflow-visible{overflow:visible!important}.desktop\:overflow-scroll{overflow:scroll!important}.desktop\:overflow-x-auto{overflow:auto!important}.desktop\:overflow-x-hidden{overflow:hidden!important}.desktop\:overflow-x-visible{overflow:visible!important}.desktop\:overflow-x-scroll{overflow:scroll!important}.desktop\:overflow-y-auto{overflow:auto!important}.desktop\:overflow-y-hidden{overflow:hidden!important}.desktop\:overflow-y-visible{overflow:visible!important}.desktop\:overflow-y-scroll{overflow:scroll!important}.desktop\:static{position:static!important}.desktop\:fixed{position:fixed!important}.desktop\:relative{position:relative!important}.desktop\:absolute{position:absolute!important}.desktop\:sticky{position:sticky!important}.desktop\:top-auto{top:auto!important}.desktop\:top-0{top:0!important}.desktop\:top-50{top:50%!important}.desktop\:top-100{top:100%!important}.desktop\:right-auto{right:auto!important}.desktop\:right-0{right:0!important}.desktop\:right-50{right:50%!important}.desktop\:right-100{right:100%!important}.desktop\:bottom-auto{bottom:auto!important}.desktop\:bottom-0{bottom:0!important}.desktop\:bottom-50{bottom:50%!important}.desktop\:bottom-100{bottom:100%!important}.desktop\:left-auto{left:auto!important}.desktop\:left-0{left:0!important}.desktop\:left-50{left:50%!important}.desktop\:left-100{left:100%!important}.desktop\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.desktop\:z-index{z-index:var(--bal-z-index)!important}.desktop\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.desktop\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.desktop\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.desktop\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.desktop\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.desktop\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.desktop\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.desktop\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.desktop\:vertical-align-top{vertical-align:top!important}.desktop\:vertical-align-middle{vertical-align:middle!important}.desktop\:vertical-align-bottom{vertical-align:bottom!important}}@media screen and (min-width:1440px){.widescreen\:overflow-auto{overflow:auto!important}.widescreen\:overflow-hidden{overflow:hidden!important}.widescreen\:overflow-visible{overflow:visible!important}.widescreen\:overflow-scroll{overflow:scroll!important}.widescreen\:overflow-x-auto{overflow:auto!important}.widescreen\:overflow-x-hidden{overflow:hidden!important}.widescreen\:overflow-x-visible{overflow:visible!important}.widescreen\:overflow-x-scroll{overflow:scroll!important}.widescreen\:overflow-y-auto{overflow:auto!important}.widescreen\:overflow-y-hidden{overflow:hidden!important}.widescreen\:overflow-y-visible{overflow:visible!important}.widescreen\:overflow-y-scroll{overflow:scroll!important}.widescreen\:static{position:static!important}.widescreen\:fixed{position:fixed!important}.widescreen\:relative{position:relative!important}.widescreen\:absolute{position:absolute!important}.widescreen\:sticky{position:sticky!important}.widescreen\:top-auto{top:auto!important}.widescreen\:top-0{top:0!important}.widescreen\:top-50{top:50%!important}.widescreen\:top-100{top:100%!important}.widescreen\:right-auto{right:auto!important}.widescreen\:right-0{right:0!important}.widescreen\:right-50{right:50%!important}.widescreen\:right-100{right:100%!important}.widescreen\:bottom-auto{bottom:auto!important}.widescreen\:bottom-0{bottom:0!important}.widescreen\:bottom-50{bottom:50%!important}.widescreen\:bottom-100{bottom:100%!important}.widescreen\:left-auto{left:auto!important}.widescreen\:left-0{left:0!important}.widescreen\:left-50{left:50%!important}.widescreen\:left-100{left:100%!important}.widescreen\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.widescreen\:z-index{z-index:var(--bal-z-index)!important}.widescreen\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.widescreen\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.widescreen\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.widescreen\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.widescreen\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.widescreen\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.widescreen\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.widescreen\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.widescreen\:vertical-align-top{vertical-align:top!important}.widescreen\:vertical-align-middle{vertical-align:middle!important}.widescreen\:vertical-align-bottom{vertical-align:bottom!important}}.is-sr-only{border:none!important;clip:rect(0,0,0,0)!important;height:.01em!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:.01em!important}
|
|
1
|
+
.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}@media screen and (max-width:768px){.mobile\:hidden{display:none!important}.mobile\:block{display:block!important}.mobile\:inline{display:inline!important}.mobile\:inline-block{display:inline-block!important}.mobile\:flex{display:flex!important}.mobile\:inline-flex{display:inline-flex!important}}@media screen and (min-width:769px),print{.tablet\:hidden{display:none!important}.tablet\:block{display:block!important}.tablet\:inline{display:inline!important}.tablet\:inline-block{display:inline-block!important}.tablet\:flex{display:flex!important}.tablet\:inline-flex{display:inline-flex!important}}@media screen and (min-width:769px) and (max-width:1023px){.tablet-only\:hidden{display:none!important}.tablet-only\:block{display:block!important}.tablet-only\:inline{display:inline!important}.tablet-only\:inline-block{display:inline-block!important}.tablet-only\:flex{display:flex!important}.tablet-only\:inline-flex{display:inline-flex!important}}@media screen and (max-width:1023px){.touch\:hidden{display:none!important}.touch\:block{display:block!important}.touch\:inline{display:inline!important}.touch\:inline-block{display:inline-block!important}.touch\:flex{display:flex!important}.touch\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1024px){.desktop\:hidden{display:none!important}.desktop\:block{display:block!important}.desktop\:inline{display:inline!important}.desktop\:inline-block{display:inline-block!important}.desktop\:flex{display:flex!important}.desktop\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1024px) and (max-width:1279px){.desktop-only\:hidden{display:none!important}.desktop-only\:block{display:block!important}.desktop-only\:inline{display:inline!important}.desktop-only\:inline-block{display:inline-block!important}.desktop-only\:flex{display:flex!important}.desktop-only\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1280px){.high-definition\:hidden{display:none!important}.high-definition\:block{display:block!important}.high-definition\:inline{display:inline!important}.high-definition\:inline-block{display:inline-block!important}.high-definition\:flex{display:flex!important}.high-definition\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1280px) and (max-width:1439px){.high-definition-only\:hidden{display:none!important}.high-definition-only\:block{display:block!important}.high-definition-only\:inline{display:inline!important}.high-definition-only\:inline-block{display:inline-block!important}.high-definition-only\:flex{display:flex!important}.high-definition-only\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1440px){.widescreen\:hidden{display:none!important}.widescreen\:block{display:block!important}.widescreen\:inline{display:inline!important}.widescreen\:inline-block{display:inline-block!important}.widescreen\:flex{display:flex!important}.widescreen\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1440px) and (max-width:1919px){.widescreen-only\:hidden{display:none!important}.widescreen-only\:block{display:block!important}.widescreen-only\:inline{display:inline!important}.widescreen-only\:inline-block{display:inline-block!important}.widescreen-only\:flex{display:flex!important}.widescreen-only\:inline-flex{display:inline-flex!important}}@media screen and (min-width:1920px){.fullhd\:hidden{display:none!important}.fullhd\:block{display:block!important}.fullhd\:inline{display:inline!important}.fullhd\:inline-block{display:inline-block!important}.fullhd\:flex{display:flex!important}.fullhd\:inline-flex{display:inline-flex!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow:auto!important}.overflow-x-hidden{overflow:hidden!important}.overflow-x-visible{overflow:visible!important}.overflow-x-scroll{overflow:scroll!important}.overflow-y-auto{overflow:auto!important}.overflow-y-hidden{overflow:hidden!important}.overflow-y-visible{overflow:visible!important}.overflow-y-scroll{overflow:scroll!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.absolute{position:absolute!important}.sticky{position:sticky!important}.top-auto{top:auto!important}.top-1rem{top:1rem!important}.top-0-5rem{top:.5rem!important}.top-0-25rem{top:.25rem!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.right-auto{right:auto!important}.right-1rem{right:1rem!important}.right-0{right:0!important}.right-50{right:50%!important}.right-100{right:100%!important}.bottom-auto{bottom:auto!important}.bottom-1rem{bottom:1rem!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.left-auto{left:auto!important}.left-1rem{left:1rem!important}.left-0{left:0!important}.left-50{left:50%!important}.left-100{left:100%!important}.z-index-deep{z-index:var(--bal-z-index-deep)!important}.z-index{z-index:var(--bal-z-index)!important}.z-index-masked{z-index:var(--bal-z-index-masked)!important}.z-index-mask{z-index:var(--bal-z-index-mask)!important}.z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.z-index-popup{z-index:var(--bal-z-index-popup)!important}.z-index-modal{z-index:var(--bal-z-index-modal)!important}.z-index-toast{z-index:var(--bal-z-index-toast)!important}.z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.vertical-align-top{vertical-align:top!important}.vertical-align-middle{vertical-align:middle!important}.vertical-align-bottom{vertical-align:bottom!important}@media screen and (max-width:768px){.mobile\:overflow-auto{overflow:auto!important}.mobile\:overflow-hidden{overflow:hidden!important}.mobile\:overflow-visible{overflow:visible!important}.mobile\:overflow-scroll{overflow:scroll!important}.mobile\:overflow-x-auto{overflow:auto!important}.mobile\:overflow-x-hidden{overflow:hidden!important}.mobile\:overflow-x-visible{overflow:visible!important}.mobile\:overflow-x-scroll{overflow:scroll!important}.mobile\:overflow-y-auto{overflow:auto!important}.mobile\:overflow-y-hidden{overflow:hidden!important}.mobile\:overflow-y-visible{overflow:visible!important}.mobile\:overflow-y-scroll{overflow:scroll!important}.mobile\:static{position:static!important}.mobile\:fixed{position:fixed!important}.mobile\:relative{position:relative!important}.mobile\:absolute{position:absolute!important}.mobile\:sticky{position:sticky!important}.mobile\:top-auto{top:auto!important}.mobile\:top-1rem{top:1rem!important}.mobile\:top-0-5rem{top:.5rem!important}.mobile\:top-0-25rem{top:.25rem!important}.mobile\:top-0{top:0!important}.mobile\:top-50{top:50%!important}.mobile\:top-100{top:100%!important}.mobile\:right-auto{right:auto!important}.mobile\:right-1rem{right:1rem!important}.mobile\:right-0{right:0!important}.mobile\:right-50{right:50%!important}.mobile\:right-100{right:100%!important}.mobile\:bottom-auto{bottom:auto!important}.mobile\:bottom-1rem{bottom:1rem!important}.mobile\:bottom-0{bottom:0!important}.mobile\:bottom-50{bottom:50%!important}.mobile\:bottom-100{bottom:100%!important}.mobile\:left-auto{left:auto!important}.mobile\:left-1rem{left:1rem!important}.mobile\:left-0{left:0!important}.mobile\:left-50{left:50%!important}.mobile\:left-100{left:100%!important}.mobile\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.mobile\:z-index{z-index:var(--bal-z-index)!important}.mobile\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.mobile\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.mobile\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.mobile\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.mobile\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.mobile\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.mobile\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.mobile\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.mobile\:vertical-align-top{vertical-align:top!important}.mobile\:vertical-align-middle{vertical-align:middle!important}.mobile\:vertical-align-bottom{vertical-align:bottom!important}}@media screen and (min-width:769px),print{.tablet\:overflow-auto{overflow:auto!important}.tablet\:overflow-hidden{overflow:hidden!important}.tablet\:overflow-visible{overflow:visible!important}.tablet\:overflow-scroll{overflow:scroll!important}.tablet\:overflow-x-auto{overflow:auto!important}.tablet\:overflow-x-hidden{overflow:hidden!important}.tablet\:overflow-x-visible{overflow:visible!important}.tablet\:overflow-x-scroll{overflow:scroll!important}.tablet\:overflow-y-auto{overflow:auto!important}.tablet\:overflow-y-hidden{overflow:hidden!important}.tablet\:overflow-y-visible{overflow:visible!important}.tablet\:overflow-y-scroll{overflow:scroll!important}.tablet\:static{position:static!important}.tablet\:fixed{position:fixed!important}.tablet\:relative{position:relative!important}.tablet\:absolute{position:absolute!important}.tablet\:sticky{position:sticky!important}.tablet\:top-auto{top:auto!important}.tablet\:top-1rem{top:1rem!important}.tablet\:top-0-5rem{top:.5rem!important}.tablet\:top-0-25rem{top:.25rem!important}.tablet\:top-0{top:0!important}.tablet\:top-50{top:50%!important}.tablet\:top-100{top:100%!important}.tablet\:right-auto{right:auto!important}.tablet\:right-1rem{right:1rem!important}.tablet\:right-0{right:0!important}.tablet\:right-50{right:50%!important}.tablet\:right-100{right:100%!important}.tablet\:bottom-auto{bottom:auto!important}.tablet\:bottom-1rem{bottom:1rem!important}.tablet\:bottom-0{bottom:0!important}.tablet\:bottom-50{bottom:50%!important}.tablet\:bottom-100{bottom:100%!important}.tablet\:left-auto{left:auto!important}.tablet\:left-1rem{left:1rem!important}.tablet\:left-0{left:0!important}.tablet\:left-50{left:50%!important}.tablet\:left-100{left:100%!important}.tablet\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.tablet\:z-index{z-index:var(--bal-z-index)!important}.tablet\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.tablet\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.tablet\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.tablet\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.tablet\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.tablet\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.tablet\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.tablet\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.tablet\:vertical-align-top{vertical-align:top!important}.tablet\:vertical-align-middle{vertical-align:middle!important}.tablet\:vertical-align-bottom{vertical-align:bottom!important}}@media screen and (min-width:1024px){.desktop\:overflow-auto{overflow:auto!important}.desktop\:overflow-hidden{overflow:hidden!important}.desktop\:overflow-visible{overflow:visible!important}.desktop\:overflow-scroll{overflow:scroll!important}.desktop\:overflow-x-auto{overflow:auto!important}.desktop\:overflow-x-hidden{overflow:hidden!important}.desktop\:overflow-x-visible{overflow:visible!important}.desktop\:overflow-x-scroll{overflow:scroll!important}.desktop\:overflow-y-auto{overflow:auto!important}.desktop\:overflow-y-hidden{overflow:hidden!important}.desktop\:overflow-y-visible{overflow:visible!important}.desktop\:overflow-y-scroll{overflow:scroll!important}.desktop\:static{position:static!important}.desktop\:fixed{position:fixed!important}.desktop\:relative{position:relative!important}.desktop\:absolute{position:absolute!important}.desktop\:sticky{position:sticky!important}.desktop\:top-auto{top:auto!important}.desktop\:top-1rem{top:1rem!important}.desktop\:top-0-5rem{top:.5rem!important}.desktop\:top-0-25rem{top:.25rem!important}.desktop\:top-0{top:0!important}.desktop\:top-50{top:50%!important}.desktop\:top-100{top:100%!important}.desktop\:right-auto{right:auto!important}.desktop\:right-1rem{right:1rem!important}.desktop\:right-0{right:0!important}.desktop\:right-50{right:50%!important}.desktop\:right-100{right:100%!important}.desktop\:bottom-auto{bottom:auto!important}.desktop\:bottom-1rem{bottom:1rem!important}.desktop\:bottom-0{bottom:0!important}.desktop\:bottom-50{bottom:50%!important}.desktop\:bottom-100{bottom:100%!important}.desktop\:left-auto{left:auto!important}.desktop\:left-1rem{left:1rem!important}.desktop\:left-0{left:0!important}.desktop\:left-50{left:50%!important}.desktop\:left-100{left:100%!important}.desktop\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.desktop\:z-index{z-index:var(--bal-z-index)!important}.desktop\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.desktop\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.desktop\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.desktop\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.desktop\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.desktop\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.desktop\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.desktop\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.desktop\:vertical-align-top{vertical-align:top!important}.desktop\:vertical-align-middle{vertical-align:middle!important}.desktop\:vertical-align-bottom{vertical-align:bottom!important}}@media screen and (min-width:1440px){.widescreen\:overflow-auto{overflow:auto!important}.widescreen\:overflow-hidden{overflow:hidden!important}.widescreen\:overflow-visible{overflow:visible!important}.widescreen\:overflow-scroll{overflow:scroll!important}.widescreen\:overflow-x-auto{overflow:auto!important}.widescreen\:overflow-x-hidden{overflow:hidden!important}.widescreen\:overflow-x-visible{overflow:visible!important}.widescreen\:overflow-x-scroll{overflow:scroll!important}.widescreen\:overflow-y-auto{overflow:auto!important}.widescreen\:overflow-y-hidden{overflow:hidden!important}.widescreen\:overflow-y-visible{overflow:visible!important}.widescreen\:overflow-y-scroll{overflow:scroll!important}.widescreen\:static{position:static!important}.widescreen\:fixed{position:fixed!important}.widescreen\:relative{position:relative!important}.widescreen\:absolute{position:absolute!important}.widescreen\:sticky{position:sticky!important}.widescreen\:top-auto{top:auto!important}.widescreen\:top-1rem{top:1rem!important}.widescreen\:top-0-5rem{top:.5rem!important}.widescreen\:top-0-25rem{top:.25rem!important}.widescreen\:top-0{top:0!important}.widescreen\:top-50{top:50%!important}.widescreen\:top-100{top:100%!important}.widescreen\:right-auto{right:auto!important}.widescreen\:right-1rem{right:1rem!important}.widescreen\:right-0{right:0!important}.widescreen\:right-50{right:50%!important}.widescreen\:right-100{right:100%!important}.widescreen\:bottom-auto{bottom:auto!important}.widescreen\:bottom-1rem{bottom:1rem!important}.widescreen\:bottom-0{bottom:0!important}.widescreen\:bottom-50{bottom:50%!important}.widescreen\:bottom-100{bottom:100%!important}.widescreen\:left-auto{left:auto!important}.widescreen\:left-1rem{left:1rem!important}.widescreen\:left-0{left:0!important}.widescreen\:left-50{left:50%!important}.widescreen\:left-100{left:100%!important}.widescreen\:z-index-deep{z-index:var(--bal-z-index-deep)!important}.widescreen\:z-index{z-index:var(--bal-z-index)!important}.widescreen\:z-index-masked{z-index:var(--bal-z-index-masked)!important}.widescreen\:z-index-mask{z-index:var(--bal-z-index-mask)!important}.widescreen\:z-index-sticky{z-index:var(--bal-z-index-sticky)!important}.widescreen\:z-index-navigation{z-index:var(--bal-z-index-navigation)!important}.widescreen\:z-index-popup{z-index:var(--bal-z-index-popup)!important}.widescreen\:z-index-modal{z-index:var(--bal-z-index-modal)!important}.widescreen\:z-index-toast{z-index:var(--bal-z-index-toast)!important}.widescreen\:z-index-tooltip{z-index:var(--bal-z-index-tooltip)!important}.widescreen\:vertical-align-top{vertical-align:top!important}.widescreen\:vertical-align-middle{vertical-align:middle!important}.widescreen\:vertical-align-bottom{vertical-align:bottom!important}}.is-sr-only{border:none!important;clip:rect(0,0,0,0)!important;height:.01em!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:.01em!important}
|