{"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/css/src/core/grid.sass","file:///home/runner/work/design-system/design-system/packages/css/src/mixins/general.mixin.sass","file:///home/runner/work/design-system/design-system/packages/css/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"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EFwIE;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpIF,aDsI4B;;EAC1B;AAAA;AAAA;ICvIF,aDyI4B;;EAC1B;AAAA;AAAA;IC1IF,aD4I4B;;EAC1B;AAAA;AAAA;IC7IF,aD+I4B;;EAC1B;AAAA;AAAA;IChJF,aDkJ4B;;EAC1B;AAAA;AAAA;ICnJF,aDqJ4B;;EAC1B;AAAA;AAAA;ICtJF,aDwJ4B;;EAC1B;AAAA;AAAA;ICzJF,aD2J4B;;EAC1B;AAAA;AAAA;IC5JF,aD8J4B;;EAExB;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;EAN1B;AAAA;AAAA;IAEE;IACA;;EACF;AAAA;AAAA;ICpKJ,aDsK8B;;;AE9M9B;EFgNE;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;ICzMF,aD0M4B;;EAC1B;AAAA;IC3MF,aD4M4B;;EAC1B;AAAA;IC7MF,aD8M4B;;EAC1B;AAAA;IC/MF,aDgN4B;;EAC1B;AAAA;ICjNF,aDkN4B;;EAC1B;AAAA;ICnNF,aDoN4B;;EAC1B;AAAA;ICrNF,aDsN4B;;EAC1B;AAAA;ICvNF,aDwN4B;;EAC1B;AAAA;ICzNF,aD0N4B;;EAExB;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC/NJ,aDgO8B;;;AEpQ9B;EFsQE;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;ICnQF,aDoQ4B;;EAC1B;AAAA;ICrQF,aDsQ4B;;EAC1B;AAAA;ICvQF,aDwQ4B;;EAC1B;AAAA;ICzQF,aD0Q4B;;EAC1B;AAAA;IC3QF,aD4Q4B;;EAC1B;AAAA;IC7QF,aD8Q4B;;EAC1B;AAAA;IC/QF,aDgR4B;;EAC1B;AAAA;ICjRF,aDkR4B;;EAC1B;AAAA;ICnRF,aDoR4B;;EAExB;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICzRJ,aD0R8B;;;AEtS9B;EFwSE;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IC7TF,aD8T4B;;EAC1B;AAAA;IC/TF,aDgU4B;;EAC1B;AAAA;ICjUF,aDkU4B;;EAC1B;AAAA;ICnUF,aDoU4B;;EAC1B;AAAA;ICrUF,aDsU4B;;EAC1B;AAAA;ICvUF,aDwU4B;;EAC1B;AAAA;ICzUF,aD0U4B;;EAC1B;AAAA;IC3UF,aD4U4B;;EAC1B;AAAA;IC7UF,aD8U4B;;EAExB;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;ICnVJ,aDoV8B;;;AEpV9B;EFsVE;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;IACE;IACA;;EACF;AAAA;ICvXF,aDwX4B;;EAC1B;AAAA;ICzXF,aD0X4B;;EAC1B;AAAA;IC3XF,aD4X4B;;EAC1B;AAAA;IC7XF,aD8X4B;;EAC1B;AAAA;IC/XF,aDgY4B;;EAC1B;AAAA;ICjYF,aDkY4B;;EAC1B;AAAA;ICnYF,aDoY4B;;EAC1B;AAAA;ICrYF,aDsY4B;;EAC1B;AAAA;ICvYF,aDwY4B;;EAExB;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;EAJ1B;AAAA;IACE;IACA;;EACF;AAAA;IC7YJ,aD8Y8B;;;;AAEhC;AAAA;EChZE,aDkZwB;EClZxB,cDmZwB;EACxB;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;AAEF;AAAA;EACE;;AACF;AAAA;EC5ZA,aD6Z0B;EC7Z1B,cD8Z0B;EACxB;;AACA;AAAA;EACE;EACA;;AACF;AAAA;EACE;;AACF;AAAA;EACE;;AACJ;AAAA;EACE;;AACF;AAAA;EACE;;AACF;AAAA;EACE;;AE5dF;EF+dE;AAAA;IACE;;;AEpdJ;EFudE;AAAA;IACE","sourcesContent":["@use \"sass:math\"\n\n.grid,\n.columns\n  flex-basis: 0\n  flex-grow: 1\n  flex-shrink: 1\n\n.col,\n.column\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  .columns.is-mobile > &.is-narrow\n    flex: none\n    width: unset\n  .grid.is-mobile > &.is-full,\n  .columns.is-mobile > &.is-full\n    flex: none\n    width: 100%\n  .grid.is-mobile > &.is-three-quarters,\n  .columns.is-mobile > &.is-three-quarters\n    flex: none\n    width: 75%\n  .grid.is-mobile > &.is-two-thirds,\n  .columns.is-mobile > &.is-two-thirds\n    flex: none\n    width: 66.6666%\n  .grid.is-mobile > &.is-half,\n  .columns.is-mobile > &.is-half\n    flex: none\n    width: 50%\n  .grid.is-mobile > &.is-one-third,\n  .columns.is-mobile > &.is-one-third\n    flex: none\n    width: 33.3333%\n  .grid.is-mobile > &.is-one-quarter,\n  .columns.is-mobile > &.is-one-quarter\n    flex: none\n    width: 25%\n  .grid.is-mobile > &.is-one-fifth,\n  .columns.is-mobile > &.is-one-fifth\n    flex: none\n    width: 20%\n  .grid.is-mobile > &.is-two-fifths,\n  .columns.is-mobile > &.is-two-fifths\n    flex: none\n    width: 40%\n  .grid.is-mobile > &.is-three-fifths,\n  .columns.is-mobile > &.is-three-fifths\n    flex: none\n    width: 60%\n  .grid.is-mobile > &.is-four-fifths,\n  .columns.is-mobile > &.is-four-fifths\n    flex: none\n    width: 80%\n  .grid.is-mobile > &.is-offset-three-quarters,\n  .columns.is-mobile > &.is-offset-three-quarters\n    +ltr-property(\"margin\", 75%, false)\n  .grid.is-mobile > &.is-offset-two-thirds,\n  .columns.is-mobile > &.is-offset-two-thirds\n    +ltr-property(\"margin\", 66.6666%, false)\n  .grid.is-mobile > &.is-offset-half,\n  .columns.is-mobile > &.is-offset-half\n    +ltr-property(\"margin\", 50%, false)\n  .grid.is-mobile > &.is-offset-one-third,\n  .columns.is-mobile > &.is-offset-one-third\n    +ltr-property(\"margin\", 33.3333%, false)\n  .grid.is-mobile > &.is-offset-one-quarter,\n  .columns.is-mobile > &.is-offset-one-quarter\n    +ltr-property(\"margin\", 25%, false)\n  .grid.is-mobile > &.is-offset-one-fifth,\n  .columns.is-mobile > &.is-offset-one-fifth\n    +ltr-property(\"margin\", 20%, false)\n  .grid.is-mobile > &.is-offset-two-fifths,\n  .columns.is-mobile > &.is-offset-two-fifths\n    +ltr-property(\"margin\", 40%, false)\n  .grid.is-mobile > &.is-offset-three-fifths,\n  .columns.is-mobile > &.is-offset-three-fifths\n    +ltr-property(\"margin\", 60%, false)\n  .grid.is-mobile > &.is-offset-four-fifths,\n  .columns.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    .columns.is-mobile > &.is-#{$i}\n      flex: none\n      width: percentage(math.div($i,12))\n    .grid.is-mobile > &.is-offset-#{$i},\n    .columns.is-mobile > &.is-offset-#{$i}\n      +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +mobile\n    &.is-narrow-mobile\n      flex: none\n      width: unset\n    &.is-full-mobile\n      flex: none\n      width: 100%\n    &.is-three-quarters-mobile\n      flex: none\n      width: 75%\n    &.is-two-thirds-mobile\n      flex: none\n      width: 66.6666%\n    &.is-half-mobile\n      flex: none\n      width: 50%\n    &.is-one-third-mobile\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter-mobile\n      flex: none\n      width: 25%\n    &.is-one-fifth-mobile\n      flex: none\n      width: 20%\n    &.is-two-fifths-mobile\n      flex: none\n      width: 40%\n    &.is-three-fifths-mobile\n      flex: none\n      width: 60%\n    &.is-four-fifths-mobile\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters-mobile\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds-mobile\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half-mobile\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third-mobile\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter-mobile\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth-mobile\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths-mobile\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths-mobile\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths-mobile\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i}-mobile\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i}-mobile\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +tablet\n    &.is-narrow,\n    &.is-narrow-tablet\n      flex: none\n      width: unset\n    &.is-full,\n    &.is-full-tablet\n      flex: none\n      width: 100%\n    &.is-three-quarters,\n    &.is-three-quarters-tablet\n      flex: none\n      width: 75%\n    &.is-two-thirds,\n    &.is-two-thirds-tablet\n      flex: none\n      width: 66.6666%\n    &.is-half,\n    &.is-half-tablet\n      flex: none\n      width: 50%\n    &.is-one-third,\n    &.is-one-third-tablet\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter,\n    &.is-one-quarter-tablet\n      flex: none\n      width: 25%\n    &.is-one-fifth,\n    &.is-one-fifth-tablet\n      flex: none\n      width: 20%\n    &.is-two-fifths,\n    &.is-two-fifths-tablet\n      flex: none\n      width: 40%\n    &.is-three-fifths,\n    &.is-three-fifths-tablet\n      flex: none\n      width: 60%\n    &.is-four-fifths,\n    &.is-four-fifths-tablet\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters,\n    &.is-offset-three-quarters-tablet\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds,\n    &.is-offset-two-thirds-tablet\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half,\n    &.is-offset-half-tablet\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third,\n    &.is-offset-one-third-tablet\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter,\n    &.is-offset-one-quarter-tablet\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth,\n    &.is-offset-one-fifth-tablet\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths,\n    &.is-offset-two-fifths-tablet\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths,\n    &.is-offset-three-fifths-tablet\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths,\n    &.is-offset-four-fifths-tablet\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i},\n      &.is-#{$i}-tablet\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i},\n      &.is-offset-#{$i}-tablet\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +touch\n    &.is-narrow-touch\n      flex: none\n      width: unset\n    &.is-full-touch\n      flex: none\n      width: 100%\n    &.is-three-quarters-touch\n      flex: none\n      width: 75%\n    &.is-two-thirds-touch\n      flex: none\n      width: 66.6666%\n    &.is-half-touch\n      flex: none\n      width: 50%\n    &.is-one-third-touch\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter-touch\n      flex: none\n      width: 25%\n    &.is-one-fifth-touch\n      flex: none\n      width: 20%\n    &.is-two-fifths-touch\n      flex: none\n      width: 40%\n    &.is-three-fifths-touch\n      flex: none\n      width: 60%\n    &.is-four-fifths-touch\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters-touch\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds-touch\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half-touch\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third-touch\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter-touch\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth-touch\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths-touch\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths-touch\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths-touch\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i}-touch\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i}-touch\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +desktop\n    &.is-narrow-desktop\n      flex: none\n      width: unset\n    &.is-full-desktop\n      flex: none\n      width: 100%\n    &.is-three-quarters-desktop\n      flex: none\n      width: 75%\n    &.is-two-thirds-desktop\n      flex: none\n      width: 66.6666%\n    &.is-half-desktop\n      flex: none\n      width: 50%\n    &.is-one-third-desktop\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter-desktop\n      flex: none\n      width: 25%\n    &.is-one-fifth-desktop\n      flex: none\n      width: 20%\n    &.is-two-fifths-desktop\n      flex: none\n      width: 40%\n    &.is-three-fifths-desktop\n      flex: none\n      width: 60%\n    &.is-four-fifths-desktop\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters-desktop\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds-desktop\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half-desktop\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third-desktop\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter-desktop\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth-desktop\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths-desktop\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths-desktop\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths-desktop\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i}-desktop\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i}-desktop\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +widescreen\n    &.is-narrow-widescreen\n      flex: none\n      width: unset\n    &.is-full-widescreen\n      flex: none\n      width: 100%\n    &.is-three-quarters-widescreen\n      flex: none\n      width: 75%\n    &.is-two-thirds-widescreen\n      flex: none\n      width: 66.6666%\n    &.is-half-widescreen\n      flex: none\n      width: 50%\n    &.is-one-third-widescreen\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter-widescreen\n      flex: none\n      width: 25%\n    &.is-one-fifth-widescreen\n      flex: none\n      width: 20%\n    &.is-two-fifths-widescreen\n      flex: none\n      width: 40%\n    &.is-three-fifths-widescreen\n      flex: none\n      width: 60%\n    &.is-four-fifths-widescreen\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters-widescreen\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds-widescreen\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half-widescreen\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third-widescreen\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter-widescreen\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth-widescreen\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths-widescreen\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths-widescreen\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths-widescreen\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i}-widescreen\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i}-widescreen\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n  +fullhd\n    &.is-narrow-fullhd\n      flex: none\n      width: unset\n    &.is-full-fullhd\n      flex: none\n      width: 100%\n    &.is-three-quarters-fullhd\n      flex: none\n      width: 75%\n    &.is-two-thirds-fullhd\n      flex: none\n      width: 66.6666%\n    &.is-half-fullhd\n      flex: none\n      width: 50%\n    &.is-one-third-fullhd\n      flex: none\n      width: 33.3333%\n    &.is-one-quarter-fullhd\n      flex: none\n      width: 25%\n    &.is-one-fifth-fullhd\n      flex: none\n      width: 20%\n    &.is-two-fifths-fullhd\n      flex: none\n      width: 40%\n    &.is-three-fifths-fullhd\n      flex: none\n      width: 60%\n    &.is-four-fifths-fullhd\n      flex: none\n      width: 80%\n    &.is-offset-three-quarters-fullhd\n      +ltr-property(\"margin\", 75%, false)\n    &.is-offset-two-thirds-fullhd\n      +ltr-property(\"margin\", 66.6666%, false)\n    &.is-offset-half-fullhd\n      +ltr-property(\"margin\", 50%, false)\n    &.is-offset-one-third-fullhd\n      +ltr-property(\"margin\", 33.3333%, false)\n    &.is-offset-one-quarter-fullhd\n      +ltr-property(\"margin\", 25%, false)\n    &.is-offset-one-fifth-fullhd\n      +ltr-property(\"margin\", 20%, false)\n    &.is-offset-two-fifths-fullhd\n      +ltr-property(\"margin\", 40%, false)\n    &.is-offset-three-fifths-fullhd\n      +ltr-property(\"margin\", 60%, false)\n    &.is-offset-four-fifths-fullhd\n      +ltr-property(\"margin\", 80%, false)\n    @for $i from 0 through 12\n      &.is-#{$i}-fullhd\n        flex: none\n        width: percentage(math.div($i,12))\n      &.is-offset-#{$i}-fullhd\n        +ltr-property(\"margin\", percentage(math.div($i,12)), false)\n\n.grid,\n.columns\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    & > .column\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$bal-spacing-values: (\"auto\": $bal-space-auto, \"none\": $bal-space-none, \"xx-small\": $bal-space-xx-small, \"x-small\": $bal-space-x-small, \"small\": $bal-space-small, \"normal\": $bal-space-normal, \"medium\": $bal-space-medium, \"large\": $bal-space-large, \"x-large\": $bal-space-x-large, \"xx-large\": $bal-space-xx-large, \"xxx-large\": $bal-space-xxx-large, \"xxxx-large\": $bal-space-xxxx-large) !default\n$bal-spacing-values-tablet: (\"auto\": $bal-space-auto, \"none\": $bal-space-none, \"xx-small\": $bal-space-xx-small-tablet, \"x-small\": $bal-space-x-small-tablet, \"small\": $bal-space-small-tablet, \"normal\": $bal-space-normal-tablet, \"medium\": $bal-space-medium-tablet, \"large\": $bal-space-large-tablet, \"x-large\": $bal-space-x-large-tablet, \"xx-large\": $bal-space-xx-large-tablet, \"xxx-large\": $bal-space-xxx-large-tablet, \"xxxx-large\": $bal-space-xxxx-large-tablet) !default\n$bal-spacing-values-desktop: (\"auto\": $bal-space-auto, \"none\": $bal-space-none, \"xx-small\": $bal-space-xx-small-desktop, \"x-small\": $bal-space-x-small-desktop, \"small\": $bal-space-small-desktop, \"normal\": $bal-space-normal-desktop, \"medium\": $bal-space-medium-desktop, \"large\": $bal-space-large-desktop, \"x-large\": $bal-space-x-large-desktop, \"xx-large\": $bal-space-xx-large-desktop, \"xxx-large\": $bal-space-xxx-large-desktop, \"xxxx-large\": $bal-space-xxxx-large-desktop) !default\n\n$bal-legacy-spacing-values: (\"auto\": $bal-space-auto, \"0\": $bal-space-none, \"1\": $bal-space-xx-small, \"2\": $bal-space-x-small, \"3\": $bal-space-small, \"4\": $bal-space-normal, \"5\": $bal-space-medium, \"6\": $bal-space-large, \"7\": $bal-space-x-large, \"8\": $bal-space-xx-large, \"9\": $bal-space-xxx-large, \"10\": $bal-space-xxxx-large) !default\n$bal-legacy-spacing-values-tablet: (\"auto\": $bal-space-auto, \"0\": $bal-space-none, \"1\": $bal-space-xx-small-tablet, \"2\": $bal-space-x-small-tablet, \"3\": $bal-space-small-tablet, \"4\": $bal-space-normal-tablet, \"5\": $bal-space-medium-tablet, \"6\": $bal-space-large-tablet, \"7\": $bal-space-x-large-tablet, \"8\": $bal-space-xx-large-tablet, \"9\": $bal-space-xxx-large-tablet, \"10\": $bal-space-xxxx-large-tablet) !default\n$bal-legacy-spacing-values-desktop: (\"auto\": $bal-space-auto, \"0\": $bal-space-none, \"1\": $bal-space-xx-small-desktop, \"2\": $bal-space-x-small-desktop, \"3\": $bal-space-small-desktop, \"4\": $bal-space-normal-desktop, \"5\": $bal-space-medium-desktop, \"6\": $bal-space-large-desktop, \"7\": $bal-space-x-large-desktop, \"8\": $bal-space-xx-large-desktop, \"9\": $bal-space-xxx-large-desktop, \"10\": $bal-space-xxxx-large-desktop) !default\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=placeholder\n  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'\n  @each $placeholder in $placeholders\n    &:#{$placeholder}-placeholder\n      @content\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=typography($font-size: 1rem, $line-height: 1.5rem, $spacing: $block-spacing)\n  font-size: $font-size\n  line-height: $line-height\n  +bottomSpacing($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=center($width, $height: 0)\n  position: absolute\n  @if $height != 0\n    left: calc(50% - math.div(#{$width},2))\n    top: calc(50% - math.div(#{$height},2))\n  @else\n    left: calc(50% - math.div(#{$width},2))\n    top: calc(50% - math.div(#{$width},2))\n\n=property($prop, $top, $end: $top, $bottom: $top, $start: $end)\n  +property-horizontal($prop, $start, $end)\n  #{$prop}-top: $top\n  #{$prop}-bottom: $bottom\n\n=margin($level: 2, $position: '')\n  +spacing(margin, $level, $position)\n\n=padding($level: 2, $position: '')\n  +spacing(padding, $level, $position)\n\n=spacing($prop: 'margin', $level: 2, $position: '')\n  $key: string.quote(#{$level})\n  $value: map.get($bal-spacing-values, $key)\n  $value-tablet: map.get($bal-spacing-values-tablet, $key)\n  $value-desktop: map.get($bal-spacing-values-desktop, $key)\n\n  @if $position == ''\n    #{$prop}: $value\n    +tablet\n      #{$prop}: $value-tablet\n    +desktop\n      #{$prop}: $value-desktop\n  @else if $position == 'y'\n    #{$prop}-top: $value\n    #{$prop}-bottom: $value\n    +tablet\n      #{$prop}-top: $value-tablet\n      #{$prop}-bottom: $value-tablet\n    +desktop\n      #{$prop}-top: $value-desktop\n      #{$prop}-bottom: $value-desktop\n  @else if $position == 'x'\n    #{$prop}-left: $value\n    #{$prop}-right: $value\n    +tablet\n      #{$prop}-left: $value-tablet\n      #{$prop}-right: $value-tablet\n    +desktop\n      #{$prop}-left: $value-desktop\n      #{$prop}-right: $value-desktop\n  @else if $position == 'l'\n    #{$prop}-left: $value\n    +tablet\n      #{$prop}-left: $value-tablet\n    +desktop\n      #{$prop}-left: $value-desktop\n  @else if $position == 'r'\n    #{$prop}-right: $value\n    +tablet\n      #{$prop}-right: $value-tablet\n    +desktop\n      #{$prop}-right: $value-desktop\n  @else if $position == 't'\n    #{$prop}-top: $value\n    +tablet\n      #{$prop}-top: $value-tablet\n    +desktop\n      #{$prop}-top: $value-desktop\n  @else if $position == 'b'\n    #{$prop}-bottom: $value\n    +tablet\n      #{$prop}-bottom: $value-tablet\n    +desktop\n      #{$prop}-bottom: $value-desktop\n\n=property-horizontal($prop, $start, $end: $start)\n  @if $start == 0 and $end == 0\n    #{$prop}-left: $start\n    #{$prop}-right: $end\n  @else\n    #{$prop}-left: $start\n    #{$prop}-right: $end\n    @at-root\n      @supports ((margin-inline-start: 0) or (-webkit-margin-start: 0))\n        &\n          @if $start != null\n            #{$prop}-left: unset\n          @if $end != null\n            #{$prop}-right: unset\n            -webkit-#{$prop}-start: $start\n            #{$prop}-inline-start: $start\n            -webkit-#{$prop}-end: $end\n            #{$prop}-inline-end: $end\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\n=delete\n  +unselectable\n  -moz-appearance: none\n  -webkit-appearance: none\n  background-color: bulmaRgba($bal-color-primary, 0.2)\n  border: none\n  border-radius: $bal-radius-rounded\n  cursor: pointer\n  pointer-events: auto\n  display: inline-block\n  flex-grow: 0\n  flex-shrink: 0\n  font-size: 0\n  height: 1.25rem\n  max-height: 1.25rem\n  max-width: 1.25rem\n  min-height: 1.25rem\n  min-width: 1.25rem\n  outline: none\n  position: relative\n  vertical-align: top\n  width: 1.25rem\n  &::before,\n  &::after\n    background-color: $bal-color-white\n    content: \"\"\n    display: block\n    left: 50%\n    position: absolute\n    top: 50%\n    transform: translateX(-50%) translateY(-50%) rotate(45deg)\n    transform-origin: center center\n  &::before\n    height: 2px\n    width: 50%\n  &::after\n    height: 50%\n    width: 2px\n  &:hover,\n  &:focus\n    background-color: bulmaRgba($bal-color-primary, 0.3)\n  &:active\n    background-color: bulmaRgba($bal-color-primary, 0.4)\n  // Sizes\n  &.is-small\n    height: 1rem\n    max-height: 1rem\n    max-width: 1rem\n    min-height: 1rem\n    min-width: 1rem\n    width: 1rem\n  &.is-medium\n    height: 1.5rem\n    max-height: 1.5rem\n    max-width: 1.5rem\n    min-height: 1.5rem\n    min-width: 1.5rem\n    width: 1.5rem\n  &.is-large\n    height: 2rem\n    max-height: 2rem\n    max-width: 2rem\n    min-height: 2rem\n    min-width: 2rem\n    width: 2rem\n\n=text-shadow\n  text-shadow: var(--bal-text-shadow-normal)\n\n=button-shadow\n  box-shadow: var(--bal-text-shadow-normal)\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"]}