{"version":3,"sourceRoot":"","sources":["file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/core/grid.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/general.mixin.sass","file:///Users/matthewhill/HSBC/group-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;ECUA,aDT0B;;AAC1B;ECQA,aDP0B;;AAC1B;ECMA,aDL0B;;AAC1B;ECIA,aDH0B;;AAC1B;ECEA,aDD0B;;AAC1B;ECAA,aDC0B;;AAC1B;ECFA,aDG0B;;AAC1B;ECJA,aDK0B;;AAC1B;ECNA,aDO0B;;AAExB;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AAJ1B;EACE;EACA;;AACF;ECZF,aDa4B;;AEtD5B;EFwDE;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;IChDF,aDiD4B;;EAC1B;IClDF,aDmD4B;;EAC1B;ICpDF,aDqD4B;;EAC1B;ICtDF,aDuD4B;;EAC1B;ICxDF,aDyD4B;;EAC1B;IC1DF,aD2D4B;;EAC1B;IC5DF,aD6D4B;;EAC1B;IC9DF,aD+D4B;;EAC1B;IChEF,aDiE4B;;EAExB;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;EAJ1B;IACE;IACA;;EACF;ICtEJ,aDuE8B;;;AE5G9B;EF8GE;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;ICrHF,aDuH4B;;EAC1B;ICxHF,aD0H4B;;EAC1B;IC3HF,aD6H4B;;EAC1B;IC9HF,aDgI4B;;EAC1B;ICjIF,aDmI4B;;EAC1B;ICpIF,aDsI4B;;EAC1B;ICvIF,aDyI4B;;EAC1B;IC1IF,aD4I4B;;EAC1B;IC7IF,aD+I4B;;EAExB;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;EAN1B;IAEE;IACA;;EACF;ICrJJ,aDuJ8B;;;AEpL9B;EFsLE;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;IC1LF,aD2L4B;;EAC1B;IC5LF,aD6L4B;;EAC1B;IC9LF,aD+L4B;;EAC1B;IChMF,aDiM4B;;EAC1B;IClMF,aDmM4B;;EAC1B;ICpMF,aDqM4B;;EAC1B;ICtMF,aDuM4B;;EAC1B;ICxMF,aDyM4B;;EAC1B;IC1MF,aD2M4B;;EAExB;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;EAJ1B;IACE;IACA;;EACF;IChNJ,aDiN8B;;;AE1O9B;EF4OE;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;ICpPF,aDqP4B;;EAC1B;ICtPF,aDuP4B;;EAC1B;ICxPF,aDyP4B;;EAC1B;IC1PF,aD2P4B;;EAC1B;IC5PF,aD6P4B;;EAC1B;IC9PF,aD+P4B;;EAC1B;IChQF,aDiQ4B;;EAC1B;IClQF,aDmQ4B;;EAC1B;ICpQF,aDqQ4B;;EAExB;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;EAJ1B;IACE;IACA;;EACF;IC1QJ,aD2Q8B;;;AE5Q9B;EF8QE;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;IC9SF,aD+S4B;;EAC1B;IChTF,aDiT4B;;EAC1B;IClTF,aDmT4B;;EAC1B;ICpTF,aDqT4B;;EAC1B;ICtTF,aDuT4B;;EAC1B;ICxTF,aDyT4B;;EAC1B;IC1TF,aD2T4B;;EAC1B;IC5TF,aD6T4B;;EAC1B;IC9TF,aD+T4B;;EAExB;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;EAJ1B;IACE;IACA;;EACF;ICpUJ,aDqU8B;;;AE1T9B;EF4TE;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;ICxWF,aDyW4B;;EAC1B;IC1WF,aD2W4B;;EAC1B;IC5WF,aD6W4B;;EAC1B;IC9WF,aD+W4B;;EAC1B;IChXF,aDiX4B;;EAC1B;IClXF,aDmX4B;;EAC1B;ICpXF,aDqX4B;;EAC1B;ICtXF,aDuX4B;;EAC1B;ICxXF,aDyX4B;;EAExB;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;EAJ1B;IACE;IACA;;EACF;IC9XJ,aD+X8B;;;;AAEhC;ECjYE,aDkYwB;EClYxB,cDmYwB;EACxB;;AACA;EACE;;AACF;EACE;;AAEF;EACE;;AACF;EC5YA,aD6Y0B;EC7Y1B,cD8Y0B;EACxB;;AACA;EACE;EACA;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;AACF;EACE;;AACF;EACE;;AEjcF;EFocE;IACE;;;AEzbJ;EF4bE;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(--group-scale-1-layout-web-margin)\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(--group-scale-1-layout-web-margin) * -1)), false)\n  +ltr-property(\"margin\", (calc(var(--group-scale-1-layout-web-margin) * -1)))\n  margin-top: calc(var(--group-scale-1-layout-web-margin) * -1)\n  &:last-child\n    margin-bottom: calc(var(--group-scale-1-layout-web-margin) * -1)\n  &:not(:last-child)\n    margin-bottom: calc(1.5rem - #{var(--group-scale-1-layout-web-margin)})\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=placeholder\n  $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input'\n  @each $placeholder in $placeholders\n    &:#{$placeholder}-placeholder\n      @content\n\n=hover\n  @media(hover: hover) and (pointer: fine)\n    @content\n\n=overflow-touch\n  -webkit-overflow-scrolling: touch\n\n=focus\n  outline: 2px solid black\n  outline-offset: 2px\n\n=focus-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=focus-inset-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=focus-inverted-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !important\n\n=focus-inverted-inset-shadow\n  +hover\n    box-shadow: var(--group-shadow-small) !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","@import '@atomic-ui/gdl-tokens/dist/tokens.scss'\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: $group-breakpoint-tablet - 1px)\n    @content\n\n=tablet\n  @media screen and (min-width: $group-breakpoint-tablet), print\n    @content\n\n=tablet-only\n  @media screen and (min-width: $group-breakpoint-tablet) and (max-width: $group-breakpoint-desktop - 1px)\n    @content\n\n=touch\n  @media screen and (max-width: $group-breakpoint-desktop - 1px)\n    @content\n\n=desktop\n  @media screen and (min-width: $group-breakpoint-desktop)\n    @content\n\n=desktop-only\n  @media screen and (min-width: $group-breakpoint-desktop) and (max-width: $group-breakpoint-high-definition - 1px)\n    @content\n\n=high-definition\n  @media screen and (min-width: $group-breakpoint-high-definition)\n    @content\n\n=high-definition-only\n  @media screen and (min-width: $group-breakpoint-high-definition) and (max-width: $group-breakpoint-widescreen - 1px)\n    @content\n\n=until-high-definition\n  @media screen and (max-width: $group-breakpoint-high-definition - 1px)\n    @content\n\n=until-widescreen\n  @media screen and (max-width: $group-breakpoint-widescreen - 1px)\n    @content\n\n=widescreen\n  @media screen and (min-width: $group-breakpoint-widescreen)\n    @content\n\n=widescreen-only\n  @media screen and (min-width: $group-breakpoint-widescreen) and (max-width: $group-breakpoint-fullhd - 1px)\n    @content\n\n=until-fullhd\n  @media screen and (max-width: $group-breakpoint-fullhd - 1px)\n    @content\n\n=fullhd\n  @media screen and (min-width: $group-breakpoint-fullhd)\n    @content\n"]}