@baloise/ds-styles 0.0.5-nightly.e56f740

package/css/utilities/grid.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/core/grid.sass","file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/mixins/general.mixin.sass","file:///home/runner/work/ds-playground/ds-playground/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","=from($device)\n  @media screen and (min-width: $device)\n    @content\n\n=until($device)\n  @media screen and (max-width: $device - 1px)\n    @content\n\n=between($min-device, $max-device)\n  @media screen and (min-width: $min-device) and (max-width: $max-device - 1px)\n    @content\n\n=mobile\n  @media screen and (max-width: $bal-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $bal-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $bal-breakpoint-tablet) and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $bal-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $bal-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $bal-breakpoint-desktop) and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $bal-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $bal-breakpoint-high-definition) and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $bal-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $bal-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $bal-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $bal-breakpoint-widescreen) and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $bal-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $bal-breakpoint-fullhd)\n    @content\n"]}

package/css/utilities/grid.min.css

@@ -0,0 +1 @@
+.grid{flex-basis:0;flex-grow:1;flex-shrink:1;margin-left:calc(var(--bal-column-gap) * -1);margin-right:calc(var(--bal-column-gap) * -1);margin-top:calc(var(--bal-column-gap) * -1)}.col{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:var(--bal-column-gap)}.grid.is-mobile>.col.is-narrow{flex:none;width:unset}.grid.is-mobile>.col.is-full{flex:none;width:100%}.grid.is-mobile>.col.is-three-quarters{flex:none;width:75%}.grid.is-mobile>.col.is-two-thirds{flex:none;width:66.6666%}.grid.is-mobile>.col.is-half{flex:none;width:50%}.grid.is-mobile>.col.is-one-third{flex:none;width:33.3333%}.grid.is-mobile>.col.is-one-quarter{flex:none;width:25%}.grid.is-mobile>.col.is-one-fifth{flex:none;width:20%}.grid.is-mobile>.col.is-two-fifths{flex:none;width:40%}.grid.is-mobile>.col.is-three-fifths{flex:none;width:60%}.grid.is-mobile>.col.is-four-fifths{flex:none;width:80%}.grid.is-mobile>.col.is-offset-three-quarters{margin-left:75%}.grid.is-mobile>.col.is-offset-two-thirds{margin-left:66.6666%}.grid.is-mobile>.col.is-offset-half{margin-left:50%}.grid.is-mobile>.col.is-offset-one-third{margin-left:33.3333%}.grid.is-mobile>.col.is-offset-one-quarter{margin-left:25%}.grid.is-mobile>.col.is-offset-one-fifth{margin-left:20%}.grid.is-mobile>.col.is-offset-two-fifths{margin-left:40%}.grid.is-mobile>.col.is-offset-three-fifths{margin-left:60%}.grid.is-mobile>.col.is-offset-four-fifths{margin-left:80%}.grid.is-mobile>.col.is-0{flex:none;width:0%}.grid.is-mobile>.col.is-offset-0{margin-left:0}.grid.is-mobile>.col.is-1{flex:none;width:8.3333333333%}.grid.is-mobile>.col.is-offset-1{margin-left:8.3333333333%}.grid.is-mobile>.col.is-2{flex:none;width:16.6666666667%}.grid.is-mobile>.col.is-offset-2{margin-left:16.6666666667%}.grid.is-mobile>.col.is-3{flex:none;width:25%}.grid.is-mobile>.col.is-offset-3{margin-left:25%}.grid.is-mobile>.col.is-4{flex:none;width:33.3333333333%}.grid.is-mobile>.col.is-offset-4{margin-left:33.3333333333%}.grid.is-mobile>.col.is-5{flex:none;width:41.6666666667%}.grid.is-mobile>.col.is-offset-5{margin-left:41.6666666667%}.grid.is-mobile>.col.is-6{flex:none;width:50%}.grid.is-mobile>.col.is-offset-6{margin-left:50%}.grid.is-mobile>.col.is-7{flex:none;width:58.3333333333%}.grid.is-mobile>.col.is-offset-7{margin-left:58.3333333333%}.grid.is-mobile>.col.is-8{flex:none;width:66.6666666667%}.grid.is-mobile>.col.is-offset-8{margin-left:66.6666666667%}.grid.is-mobile>.col.is-9{flex:none;width:75%}.grid.is-mobile>.col.is-offset-9{margin-left:75%}.grid.is-mobile>.col.is-10{flex:none;width:83.3333333333%}.grid.is-mobile>.col.is-offset-10{margin-left:83.3333333333%}.grid.is-mobile>.col.is-11{flex:none;width:91.6666666667%}.grid.is-mobile>.col.is-offset-11{margin-left:91.6666666667%}.grid.is-mobile>.col.is-12{flex:none;width:100%}.grid.is-mobile>.col.is-offset-12{margin-left:100%}@media screen and (max-width:768px){.col.mobile\:is-narrow{flex:none;width:unset}.col.mobile\:is-full{flex:none;width:100%}.col.mobile\:is-three-quarters{flex:none;width:75%}.col.mobile\:is-two-thirds{flex:none;width:66.6666%}.col.mobile\:is-half{flex:none;width:50%}.col.mobile\:is-one-third{flex:none;width:33.3333%}.col.mobile\:is-one-quarter{flex:none;width:25%}.col.mobile\:is-one-fifth{flex:none;width:20%}.col.mobile\:is-two-fifths{flex:none;width:40%}.col.mobile\:is-three-fifths{flex:none;width:60%}.col.mobile\:is-four-fifths{flex:none;width:80%}.col.mobile\:is-offset-three-quarters{margin-left:75%}.col.mobile\:is-offset-two-thirds{margin-left:66.6666%}.col.mobile\:is-offset-half{margin-left:50%}.col.mobile\:is-offset-one-third{margin-left:33.3333%}.col.mobile\:is-offset-one-quarter{margin-left:25%}.col.mobile\:is-offset-one-fifth{margin-left:20%}.col.mobile\:is-offset-two-fifths{margin-left:40%}.col.mobile\:is-offset-three-fifths{margin-left:60%}.col.mobile-offset-four-fifths{margin-left:80%}.col.mobile\:is-0{flex:none;width:0%}.col.mobile\:is-offset-0{margin-left:0}.col.mobile\:is-1{flex:none;width:8.3333333333%}.col.mobile\:is-offset-1{margin-left:8.3333333333%}.col.mobile\:is-2{flex:none;width:16.6666666667%}.col.mobile\:is-offset-2{margin-left:16.6666666667%}.col.mobile\:is-3{flex:none;width:25%}.col.mobile\:is-offset-3{margin-left:25%}.col.mobile\:is-4{flex:none;width:33.3333333333%}.col.mobile\:is-offset-4{margin-left:33.3333333333%}.col.mobile\:is-5{flex:none;width:41.6666666667%}.col.mobile\:is-offset-5{margin-left:41.6666666667%}.col.mobile\:is-6{flex:none;width:50%}.col.mobile\:is-offset-6{margin-left:50%}.col.mobile\:is-7{flex:none;width:58.3333333333%}.col.mobile\:is-offset-7{margin-left:58.3333333333%}.col.mobile\:is-8{flex:none;width:66.6666666667%}.col.mobile\:is-offset-8{margin-left:66.6666666667%}.col.mobile\:is-9{flex:none;width:75%}.col.mobile\:is-offset-9{margin-left:75%}.col.mobile\:is-10{flex:none;width:83.3333333333%}.col.mobile\:is-offset-10{margin-left:83.3333333333%}.col.mobile\:is-11{flex:none;width:91.6666666667%}.col.mobile\:is-offset-11{margin-left:91.6666666667%}.col.mobile\:is-12{flex:none;width:100%}.col.mobile\:is-offset-12{margin-left:100%}}@media screen and (min-width:769px),print{.col.is-narrow,.col.tablet\:is-narrow{flex:none;width:unset}.col.is-full,.col.tablet\:is-full{flex:none;width:100%}.col.is-three-quarters,.col.tablet\:is-three-quarters{flex:none;width:75%}.col.is-two-thirds,.col.tablet\:is-two-thirds{flex:none;width:66.6666%}.col.is-half,.col.tablet\:is-half{flex:none;width:50%}.col.is-one-third,.col.tablet\:is-one-third{flex:none;width:33.3333%}.col.is-one-quarter,.col.tablet\:is-one-quarter{flex:none;width:25%}.col.is-one-fifth,.col.tablet\:is-one-fifth{flex:none;width:20%}.col.is-two-fifths,.col.tablet\:is-two-fifths{flex:none;width:40%}.col.is-three-fifths,.col.tablet\:is-three-fifths{flex:none;width:60%}.col.is-four-fifths,.col.tablet\:is-four-fifths{flex:none;width:80%}.col.is-offset-three-quarters,.col.tablet\:is-offset-three-quarters{margin-left:75%}.col.is-offset-two-thirds,.col.tablet\:is-offset-two-thirds{margin-left:66.6666%}.col.is-offset-half,.col.tablet\:is-offset-half{margin-left:50%}.col.is-offset-one-third,.col.tablet\:is-offset-one-third{margin-left:33.3333%}.col.is-offset-one-quarter,.col.tablet\:is-offset-one-quarter{margin-left:25%}.col.is-offset-one-fifth,.col.tablet\:is-offset-one-fifth{margin-left:20%}.col.is-offset-two-fifths,.col.tablet\:is-offset-two-fifths{margin-left:40%}.col.is-offset-three-fifths,.col.tablet\:is-offset-three-fifths{margin-left:60%}.col.is-offset-four-fifths,.col.tablet\:is-offset-four-fifths{margin-left:80%}.col.is-0,.col.tablet\:is-0{flex:none;width:0%}.col.is-offset-0,.col.tablet\:is-offset-0{margin-left:0}.col.is-1,.col.tablet\:is-1{flex:none;width:8.3333333333%}.col.is-offset-1,.col.tablet\:is-offset-1{margin-left:8.3333333333%}.col.is-2,.col.tablet\:is-2{flex:none;width:16.6666666667%}.col.is-offset-2,.col.tablet\:is-offset-2{margin-left:16.6666666667%}.col.is-3,.col.tablet\:is-3{flex:none;width:25%}.col.is-offset-3,.col.tablet\:is-offset-3{margin-left:25%}.col.is-4,.col.tablet\:is-4{flex:none;width:33.3333333333%}.col.is-offset-4,.col.tablet\:is-offset-4{margin-left:33.3333333333%}.col.is-5,.col.tablet\:is-5{flex:none;width:41.6666666667%}.col.is-offset-5,.col.tablet\:is-offset-5{margin-left:41.6666666667%}.col.is-6,.col.tablet\:is-6{flex:none;width:50%}.col.is-offset-6,.col.tablet\:is-offset-6{margin-left:50%}.col.is-7,.col.tablet\:is-7{flex:none;width:58.3333333333%}.col.is-offset-7,.col.tablet\:is-offset-7{margin-left:58.3333333333%}.col.is-8,.col.tablet\:is-8{flex:none;width:66.6666666667%}.col.is-offset-8,.col.tablet\:is-offset-8{margin-left:66.6666666667%}.col.is-9,.col.tablet\:is-9{flex:none;width:75%}.col.is-offset-9,.col.tablet\:is-offset-9{margin-left:75%}.col.is-10,.col.tablet\:is-10{flex:none;width:83.3333333333%}.col.is-offset-10,.col.tablet\:is-offset-10{margin-left:83.3333333333%}.col.is-11,.col.tablet\:is-11{flex:none;width:91.6666666667%}.col.is-offset-11,.col.tablet\:is-offset-11{margin-left:91.6666666667%}.col.is-12,.col.tablet\:is-12{flex:none;width:100%}.col.is-offset-12,.col.tablet\:is-offset-12{margin-left:100%}.grid:not(.is-desktop){display:flex}}@media screen and (max-width:1023px){.col.touch\:is-narrow{flex:none;width:unset}.col.touch\:is-full{flex:none;width:100%}.col.touch\:is-three-quarters{flex:none;width:75%}.col.touch\:is-two-thirds{flex:none;width:66.6666%}.col.touch\:is-half{flex:none;width:50%}.col.touch\:is-one-third{flex:none;width:33.3333%}.col.touch\:is-one-quarter{flex:none;width:25%}.col.touch\:is-one-fifth{flex:none;width:20%}.col.touch\:is-two-fifths{flex:none;width:40%}.col.touch\:is-three-fifths{flex:none;width:60%}.col.touch\:is-four-fifths{flex:none;width:80%}.col.touch\:is-offset-three-quarters{margin-left:75%}.col.touch\:is-offset-two-thirds{margin-left:66.6666%}.col.touch\:is-offset-half{margin-left:50%}.col.touch\:is-offset-one-third{margin-left:33.3333%}.col.touch\:is-offset-one-quarter{margin-left:25%}.col.touch\:is-offset-one-fifth{margin-left:20%}.col.touch\:is-offset-two-fifths{margin-left:40%}.col.touch\:is-offset-three-fifths{margin-left:60%}.col.touch\:is-offset-four-fifths{margin-left:80%}.col.touch\:is-0{flex:none;width:0%}.col.touch\:is-offset-0{margin-left:0}.col.touch\:is-1{flex:none;width:8.3333333333%}.col.touch\:is-offset-1{margin-left:8.3333333333%}.col.touch\:is-2{flex:none;width:16.6666666667%}.col.touch\:is-offset-2{margin-left:16.6666666667%}.col.touch\:is-3{flex:none;width:25%}.col.touch\:is-offset-3{margin-left:25%}.col.touch\:is-4{flex:none;width:33.3333333333%}.col.touch\:is-offset-4{margin-left:33.3333333333%}.col.touch\:is-5{flex:none;width:41.6666666667%}.col.touch\:is-offset-5{margin-left:41.6666666667%}.col.touch\:is-6{flex:none;width:50%}.col.touch\:is-offset-6{margin-left:50%}.col.touch\:is-7{flex:none;width:58.3333333333%}.col.touch\:is-offset-7{margin-left:58.3333333333%}.col.touch\:is-8{flex:none;width:66.6666666667%}.col.touch\:is-offset-8{margin-left:66.6666666667%}.col.touch\:is-9{flex:none;width:75%}.col.touch\:is-offset-9{margin-left:75%}.col.touch\:is-10{flex:none;width:83.3333333333%}.col.touch\:is-offset-10{margin-left:83.3333333333%}.col.touch\:is-11{flex:none;width:91.6666666667%}.col.touch\:is-offset-11{margin-left:91.6666666667%}.col.touch\:is-12{flex:none;width:100%}.col.touch\:is-offset-12{margin-left:100%}}@media screen and (min-width:1024px){.col.desktop\:is-narrow{flex:none;width:unset}.col.desktop\:is-full{flex:none;width:100%}.col.desktop\:is-three-quarters{flex:none;width:75%}.col.desktop\:is-two-thirds{flex:none;width:66.6666%}.col.desktop\:is-half{flex:none;width:50%}.col.desktop\:is-one-third{flex:none;width:33.3333%}.col.desktop\:is-one-quarter{flex:none;width:25%}.col.desktop\:is-one-fifth{flex:none;width:20%}.col.desktop\:is-two-fifths{flex:none;width:40%}.col.desktop\:is-three-fifths{flex:none;width:60%}.col.desktop\:is-four-fifths{flex:none;width:80%}.col.desktop\:is-offset-three-quarters{margin-left:75%}.col.desktop\:is-offset-two-thirds{margin-left:66.6666%}.col.desktop\:is-offset-half{margin-left:50%}.col.desktop\:is-offset-one-third{margin-left:33.3333%}.col.desktop\:is-offset-one-quarter{margin-left:25%}.col.desktop\:is-offset-one-fifth{margin-left:20%}.col.desktop\:is-offset-two-fifths{margin-left:40%}.col.desktop\:is-offset-three-fifths{margin-left:60%}.col.desktop\:is-offset-four-fifths{margin-left:80%}.col.desktop\:is-0{flex:none;width:0%}.col.desktop\:is-offset-0{margin-left:0}.col.desktop\:is-1{flex:none;width:8.3333333333%}.col.desktop\:is-offset-1{margin-left:8.3333333333%}.col.desktop\:is-2{flex:none;width:16.6666666667%}.col.desktop\:is-offset-2{margin-left:16.6666666667%}.col.desktop\:is-3{flex:none;width:25%}.col.desktop\:is-offset-3{margin-left:25%}.col.desktop\:is-4{flex:none;width:33.3333333333%}.col.desktop\:is-offset-4{margin-left:33.3333333333%}.col.desktop\:is-5{flex:none;width:41.6666666667%}.col.desktop\:is-offset-5{margin-left:41.6666666667%}.col.desktop\:is-6{flex:none;width:50%}.col.desktop\:is-offset-6{margin-left:50%}.col.desktop\:is-7{flex:none;width:58.3333333333%}.col.desktop\:is-offset-7{margin-left:58.3333333333%}.col.desktop\:is-8{flex:none;width:66.6666666667%}.col.desktop\:is-offset-8{margin-left:66.6666666667%}.col.desktop\:is-9{flex:none;width:75%}.col.desktop\:is-offset-9{margin-left:75%}.col.desktop\:is-10{flex:none;width:83.3333333333%}.col.desktop\:is-offset-10{margin-left:83.3333333333%}.col.desktop\:is-11{flex:none;width:91.6666666667%}.col.desktop\:is-offset-11{margin-left:91.6666666667%}.col.desktop\:is-12{flex:none;width:100%}.col.desktop\:is-offset-12{margin-left:100%}.grid.is-desktop{display:flex}}@media screen and (min-width:1440px){.col.widescreen\:is-narrow{flex:none;width:unset}.col.widescreen\:is-full{flex:none;width:100%}.col.widescreen\:is-three-quarters{flex:none;width:75%}.col.widescreen\:is-two-thirds{flex:none;width:66.6666%}.col.widescreen\:is-half{flex:none;width:50%}.col.widescreen\:is-one-third{flex:none;width:33.3333%}.col.widescreen\:is-one-quarter{flex:none;width:25%}.col.widescreen\:is-one-fifth{flex:none;width:20%}.col.widescreen\:is-two-fifths{flex:none;width:40%}.col.widescreen\:is-three-fifths{flex:none;width:60%}.col.widescreen\:is-four-fifths{flex:none;width:80%}.col.widescreen\:is-offset-three-quarters{margin-left:75%}.col.widescreen\:is-offset-two-thirds{margin-left:66.6666%}.col.widescreen\:is-offset-half{margin-left:50%}.col.widescreen\:is-offset-one-third{margin-left:33.3333%}.col.widescreen\:is-offset-one-quarter{margin-left:25%}.col.widescreen\:is-offset-one-fifth{margin-left:20%}.col.widescreen\:is-offset-two-fifths{margin-left:40%}.col.widescreen\:is-offset-three-fifths{margin-left:60%}.col.widescreen\:is-offset-four-fifths{margin-left:80%}.col.widescreen\:is-0{flex:none;width:0%}.col.widescreen\:is-offset-0{margin-left:0}.col.widescreen\:is-1{flex:none;width:8.3333333333%}.col.widescreen\:is-offset-1{margin-left:8.3333333333%}.col.widescreen\:is-2{flex:none;width:16.6666666667%}.col.widescreen\:is-offset-2{margin-left:16.6666666667%}.col.widescreen\:is-3{flex:none;width:25%}.col.widescreen\:is-offset-3{margin-left:25%}.col.widescreen\:is-4{flex:none;width:33.3333333333%}.col.widescreen\:is-offset-4{margin-left:33.3333333333%}.col.widescreen\:is-5{flex:none;width:41.6666666667%}.col.widescreen\:is-offset-5{margin-left:41.6666666667%}.col.widescreen\:is-6{flex:none;width:50%}.col.widescreen\:is-offset-6{margin-left:50%}.col.widescreen\:is-7{flex:none;width:58.3333333333%}.col.widescreen\:is-offset-7{margin-left:58.3333333333%}.col.widescreen\:is-8{flex:none;width:66.6666666667%}.col.widescreen\:is-offset-8{margin-left:66.6666666667%}.col.widescreen\:is-9{flex:none;width:75%}.col.widescreen\:is-offset-9{margin-left:75%}.col.widescreen\:is-10{flex:none;width:83.3333333333%}.col.widescreen\:is-offset-10{margin-left:83.3333333333%}.col.widescreen\:is-11{flex:none;width:91.6666666667%}.col.widescreen\:is-offset-11{margin-left:91.6666666667%}.col.widescreen\:is-12{flex:none;width:100%}.col.widescreen\:is-offset-12{margin-left:100%}}@media screen and (min-width:1920px){.col.fullhd\:is-narrow{flex:none;width:unset}.col.fullhd\:is-full{flex:none;width:100%}.col.fullhd\:is-three-quarters{flex:none;width:75%}.col.fullhd\:is-two-thirds{flex:none;width:66.6666%}.col.fullhd\:is-half{flex:none;width:50%}.col.fullhd\:is-one-third{flex:none;width:33.3333%}.col.fullhd\:is-one-quarter{flex:none;width:25%}.col.fullhd\:is-one-fifth{flex:none;width:20%}.col.fullhd\:is-two-fifths{flex:none;width:40%}.col.fullhd\:is-three-fifths{flex:none;width:60%}.col.fullhd\:is-four-fifths{flex:none;width:80%}.col.fullhd\:is-offset-three-quarters{margin-left:75%}.col.fullhd\:is-offset-two-thirds{margin-left:66.6666%}.col.fullhd\:is-offset-half{margin-left:50%}.col.fullhd\:is-offset-one-third{margin-left:33.3333%}.col.fullhd\:is-offset-one-quarter{margin-left:25%}.col.fullhd\:is-offset-one-fifth{margin-left:20%}.col.fullhd\:is-offset-two-fifths{margin-left:40%}.col.fullhd\:is-offset-three-fifths{margin-left:60%}.col.fullhd\:is-offset-four-fifths{margin-left:80%}.col.fullhd\:is-0{flex:none;width:0%}.col.fullhd\:is-offset-0{margin-left:0}.col.fullhd\:is-1{flex:none;width:8.3333333333%}.col.fullhd\:is-offset-1{margin-left:8.3333333333%}.col.fullhd\:is-2{flex:none;width:16.6666666667%}.col.fullhd\:is-offset-2{margin-left:16.6666666667%}.col.fullhd\:is-3{flex:none;width:25%}.col.fullhd\:is-offset-3{margin-left:25%}.col.fullhd\:is-4{flex:none;width:33.3333333333%}.col.fullhd\:is-offset-4{margin-left:33.3333333333%}.col.fullhd\:is-5{flex:none;width:41.6666666667%}.col.fullhd\:is-offset-5{margin-left:41.6666666667%}.col.fullhd\:is-6{flex:none;width:50%}.col.fullhd\:is-offset-6{margin-left:50%}.col.fullhd\:is-7{flex:none;width:58.3333333333%}.col.fullhd\:is-offset-7{margin-left:58.3333333333%}.col.fullhd\:is-8{flex:none;width:66.6666666667%}.col.fullhd\:is-offset-8{margin-left:66.6666666667%}.col.fullhd\:is-9{flex:none;width:75%}.col.fullhd\:is-offset-9{margin-left:75%}.col.fullhd\:is-10{flex:none;width:83.3333333333%}.col.fullhd\:is-offset-10{margin-left:83.3333333333%}.col.fullhd\:is-11{flex:none;width:91.6666666667%}.col.fullhd\:is-offset-11{margin-left:91.6666666667%}.col.fullhd\:is-12{flex:none;width:100%}.col.fullhd\:is-offset-12{margin-left:100%}}.grid:last-child{margin-bottom:calc(var(--bal-column-gap) * -1)}.grid:not(:last-child){margin-bottom:calc(1.5rem - var(--bal-column-gap))}.grid.is-centered{justify-content:center}.grid.is-gapless{margin-left:0;margin-right:0;margin-top:0}.grid.is-gapless>.col{margin:0;padding:0!important}.grid.is-gapless:not(:last-child){margin-bottom:1.5rem}.grid.is-gapless:last-child{margin-bottom:0}.grid.is-mobile{display:flex}.grid.is-multiline{flex-wrap:wrap}.grid.is-vcentered{align-items:center}

package/css/utilities/interaction.css

@@ -0,0 +1,44 @@
+.select-none {
+  -webkit-user-select: none !important;
+     -moz-user-select: none !important;
+          user-select: none !important;
+}
+
+.select-text {
+  -webkit-user-select: text !important;
+     -moz-user-select: text !important;
+          user-select: text !important;
+}
+
+.select-all {
+  -webkit-user-select: all !important;
+     -moz-user-select: all !important;
+          user-select: all !important;
+}
+
+.select-auto {
+  -webkit-user-select: auto !important;
+     -moz-user-select: auto !important;
+          user-select: auto !important;
+}
+
+.cursor-auto {
+  cursor: auto !important;
+}
+
+.cursor-pointer {
+  cursor: pointer !important;
+}
+
+.cursor-wait {
+  cursor: wait !important;
+}
+
+.cursor-move {
+  cursor: move !important;
+}
+
+.cursor-not-allowed {
+  cursor: not-allowed !important;
+}
+/*# sourceMappingURL=/utilities/interaction.css.map */

package/css/utilities/interaction.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/ds-playground/ds-playground/packages/styles/src/generated/interaction.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","sourcesContent":[".select-none\n  user-select: none !important\n\n.select-text\n  user-select: text !important\n\n.select-all\n  user-select: all !important\n\n.select-auto\n  user-select: auto !important\n\n.cursor-auto\n  cursor: auto !important\n\n.cursor-pointer\n  cursor: pointer !important\n\n.cursor-wait\n  cursor: wait !important\n\n.cursor-move\n  cursor: move !important\n\n.cursor-not-allowed\n  cursor: not-allowed !important\n"]}

package/css/utilities/interaction.min.css

@@ -0,0 +1 @@
+.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.cursor-auto{cursor:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-wait{cursor:wait!important}.cursor-move{cursor:move!important}.cursor-not-allowed{cursor:not-allowed!important}