{"version":3,"sourceRoot":"","sources":["file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/generated/flex.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACJA;EDOA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtBF;EDyBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChCF;EDmCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9BF;EDiCA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC3GA;ED8GA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvHF;ED0HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC3HF;ED8HA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnHF;EDsHA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC1LA;ED6LA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtMF;EDyMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC1MF;ED6MA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClMF;EDqMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACtQA;EDyQA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/QF;EDkRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChRF;EDmRA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrQF;EDwQA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACtUA;EDyUA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/UF;EDkVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChVF;EDmVA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrUF;EDwUA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC5YA;ED+YA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC3ZF;ED8ZA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AClaF;EDqaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC7ZF;EDgaA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACjeA;EDoeA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACveF;ED0eA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACreF;EDweA;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvdF;ED0dA;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC/lBA;EDkmBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACxnBF;ED2nBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjpBF;EDopBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9pBF;EDiqBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACvrBF;ED0rBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChtBF;EDmtBA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE","sourcesContent":[".align-content-start\n  align-content: flex-start !important\n\n.align-content-end\n  align-content: flex-end !important\n\n.align-content-center\n  align-content: center !important\n\n.align-content-baseline\n  align-content: baseline !important\n\n.align-content-space-between\n  align-content: space-between !important\n\n.align-content-space-around\n  align-content: space-around !important\n\n.align-content-space-evenly\n  align-content: space-evenly !important\n\n+mobile\n  .mobile\\:align-content-start\n    align-content: flex-start !important\n\n  .mobile\\:align-content-end\n    align-content: flex-end !important\n\n  .mobile\\:align-content-center\n    align-content: center !important\n\n  .mobile\\:align-content-baseline\n    align-content: baseline !important\n\n  .mobile\\:align-content-space-between\n    align-content: space-between !important\n\n  .mobile\\:align-content-space-around\n    align-content: space-around !important\n\n  .mobile\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+tablet\n  .tablet\\:align-content-start\n    align-content: flex-start !important\n\n  .tablet\\:align-content-end\n    align-content: flex-end !important\n\n  .tablet\\:align-content-center\n    align-content: center !important\n\n  .tablet\\:align-content-baseline\n    align-content: baseline !important\n\n  .tablet\\:align-content-space-between\n    align-content: space-between !important\n\n  .tablet\\:align-content-space-around\n    align-content: space-around !important\n\n  .tablet\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+desktop\n  .desktop\\:align-content-start\n    align-content: flex-start !important\n\n  .desktop\\:align-content-end\n    align-content: flex-end !important\n\n  .desktop\\:align-content-center\n    align-content: center !important\n\n  .desktop\\:align-content-baseline\n    align-content: baseline !important\n\n  .desktop\\:align-content-space-between\n    align-content: space-between !important\n\n  .desktop\\:align-content-space-around\n    align-content: space-around !important\n\n  .desktop\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n+widescreen\n  .widescreen\\:align-content-start\n    align-content: flex-start !important\n\n  .widescreen\\:align-content-end\n    align-content: flex-end !important\n\n  .widescreen\\:align-content-center\n    align-content: center !important\n\n  .widescreen\\:align-content-baseline\n    align-content: baseline !important\n\n  .widescreen\\:align-content-space-between\n    align-content: space-between !important\n\n  .widescreen\\:align-content-space-around\n    align-content: space-around !important\n\n  .widescreen\\:align-content-space-evenly\n    align-content: space-evenly !important\n\n.align-items-start\n  align-items: flex-start !important\n\n.align-items-end\n  align-items: flex-end !important\n\n.align-items-center\n  align-items: center !important\n\n.align-items-stretch\n  align-items: stretch !important\n\n.align-items-baseline\n  align-items: baseline !important\n\n+mobile\n  .mobile\\:align-items-start\n    align-items: flex-start !important\n\n  .mobile\\:align-items-end\n    align-items: flex-end !important\n\n  .mobile\\:align-items-center\n    align-items: center !important\n\n  .mobile\\:align-items-stretch\n    align-items: stretch !important\n\n  .mobile\\:align-items-baseline\n    align-items: baseline !important\n\n+tablet\n  .tablet\\:align-items-start\n    align-items: flex-start !important\n\n  .tablet\\:align-items-end\n    align-items: flex-end !important\n\n  .tablet\\:align-items-center\n    align-items: center !important\n\n  .tablet\\:align-items-stretch\n    align-items: stretch !important\n\n  .tablet\\:align-items-baseline\n    align-items: baseline !important\n\n+desktop\n  .desktop\\:align-items-start\n    align-items: flex-start !important\n\n  .desktop\\:align-items-end\n    align-items: flex-end !important\n\n  .desktop\\:align-items-center\n    align-items: center !important\n\n  .desktop\\:align-items-stretch\n    align-items: stretch !important\n\n  .desktop\\:align-items-baseline\n    align-items: baseline !important\n\n+widescreen\n  .widescreen\\:align-items-start\n    align-items: flex-start !important\n\n  .widescreen\\:align-items-end\n    align-items: flex-end !important\n\n  .widescreen\\:align-items-center\n    align-items: center !important\n\n  .widescreen\\:align-items-stretch\n    align-items: stretch !important\n\n  .widescreen\\:align-items-baseline\n    align-items: baseline !important\n\n.align-self-start\n  align-self: flex-start !important\n\n.align-self-end\n  align-self: flex-end !important\n\n.align-self-center\n  align-self: center !important\n\n.align-self-stretch\n  align-self: stretch !important\n\n.align-self-baseline\n  align-self: baseline !important\n\n+mobile\n  .mobile\\:align-self-start\n    align-self: flex-start !important\n\n  .mobile\\:align-self-end\n    align-self: flex-end !important\n\n  .mobile\\:align-self-center\n    align-self: center !important\n\n  .mobile\\:align-self-stretch\n    align-self: stretch !important\n\n  .mobile\\:align-self-baseline\n    align-self: baseline !important\n\n+tablet\n  .tablet\\:align-self-start\n    align-self: flex-start !important\n\n  .tablet\\:align-self-end\n    align-self: flex-end !important\n\n  .tablet\\:align-self-center\n    align-self: center !important\n\n  .tablet\\:align-self-stretch\n    align-self: stretch !important\n\n  .tablet\\:align-self-baseline\n    align-self: baseline !important\n\n+desktop\n  .desktop\\:align-self-start\n    align-self: flex-start !important\n\n  .desktop\\:align-self-end\n    align-self: flex-end !important\n\n  .desktop\\:align-self-center\n    align-self: center !important\n\n  .desktop\\:align-self-stretch\n    align-self: stretch !important\n\n  .desktop\\:align-self-baseline\n    align-self: baseline !important\n\n+widescreen\n  .widescreen\\:align-self-start\n    align-self: flex-start !important\n\n  .widescreen\\:align-self-end\n    align-self: flex-end !important\n\n  .widescreen\\:align-self-center\n    align-self: center !important\n\n  .widescreen\\:align-self-stretch\n    align-self: stretch !important\n\n  .widescreen\\:align-self-baseline\n    align-self: baseline !important\n\n.flex-direction-row\n  flex-direction: row !important\n\n.flex-direction-row-reverse\n  flex-direction: row-reverse !important\n\n.flex-direction-column\n  flex-direction: column !important\n\n.flex-direction-column-reverse\n  flex-direction: column-reverse !important\n\n+mobile\n  .mobile\\:flex-direction-row\n    flex-direction: row !important\n\n  .mobile\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .mobile\\:flex-direction-column\n    flex-direction: column !important\n\n  .mobile\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+tablet\n  .tablet\\:flex-direction-row\n    flex-direction: row !important\n\n  .tablet\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .tablet\\:flex-direction-column\n    flex-direction: column !important\n\n  .tablet\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+desktop\n  .desktop\\:flex-direction-row\n    flex-direction: row !important\n\n  .desktop\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .desktop\\:flex-direction-column\n    flex-direction: column !important\n\n  .desktop\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n+widescreen\n  .widescreen\\:flex-direction-row\n    flex-direction: row !important\n\n  .widescreen\\:flex-direction-row-reverse\n    flex-direction: row-reverse !important\n\n  .widescreen\\:flex-direction-column\n    flex-direction: column !important\n\n  .widescreen\\:flex-direction-column-reverse\n    flex-direction: column-reverse !important\n\n.flex-1\n  flex: 1 1 0% !important\n\n.flex-auto\n  flex: 1 1 auto !important\n\n.flex-initial\n  flex: 0 1 auto !important\n\n.flex-none\n  flex: none !important\n\n+mobile\n  .mobile\\:flex-1\n    flex: 1 1 0% !important\n\n  .mobile\\:flex-auto\n    flex: 1 1 auto !important\n\n  .mobile\\:flex-initial\n    flex: 0 1 auto !important\n\n  .mobile\\:flex-none\n    flex: none !important\n\n+tablet\n  .tablet\\:flex-1\n    flex: 1 1 0% !important\n\n  .tablet\\:flex-auto\n    flex: 1 1 auto !important\n\n  .tablet\\:flex-initial\n    flex: 0 1 auto !important\n\n  .tablet\\:flex-none\n    flex: none !important\n\n+desktop\n  .desktop\\:flex-1\n    flex: 1 1 0% !important\n\n  .desktop\\:flex-auto\n    flex: 1 1 auto !important\n\n  .desktop\\:flex-initial\n    flex: 0 1 auto !important\n\n  .desktop\\:flex-none\n    flex: none !important\n\n+widescreen\n  .widescreen\\:flex-1\n    flex: 1 1 0% !important\n\n  .widescreen\\:flex-auto\n    flex: 1 1 auto !important\n\n  .widescreen\\:flex-initial\n    flex: 0 1 auto !important\n\n  .widescreen\\:flex-none\n    flex: none !important\n\n.justify-content-start\n  justify-content: flex-start !important\n\n.justify-content-end\n  justify-content: flex-end !important\n\n.justify-content-center\n  justify-content: center !important\n\n.justify-content-space-between\n  justify-content: space-between !important\n\n.justify-content-space-around\n  justify-content: space-around !important\n\n.justify-content-space-evenly\n  justify-content: space-evenly !important\n\n+mobile\n  .mobile\\:justify-content-start\n    justify-content: flex-start !important\n\n  .mobile\\:justify-content-end\n    justify-content: flex-end !important\n\n  .mobile\\:justify-content-center\n    justify-content: center !important\n\n  .mobile\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .mobile\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .mobile\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+tablet\n  .tablet\\:justify-content-start\n    justify-content: flex-start !important\n\n  .tablet\\:justify-content-end\n    justify-content: flex-end !important\n\n  .tablet\\:justify-content-center\n    justify-content: center !important\n\n  .tablet\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .tablet\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .tablet\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+desktop\n  .desktop\\:justify-content-start\n    justify-content: flex-start !important\n\n  .desktop\\:justify-content-end\n    justify-content: flex-end !important\n\n  .desktop\\:justify-content-center\n    justify-content: center !important\n\n  .desktop\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .desktop\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .desktop\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n+widescreen\n  .widescreen\\:justify-content-start\n    justify-content: flex-start !important\n\n  .widescreen\\:justify-content-end\n    justify-content: flex-end !important\n\n  .widescreen\\:justify-content-center\n    justify-content: center !important\n\n  .widescreen\\:justify-content-space-between\n    justify-content: space-between !important\n\n  .widescreen\\:justify-content-space-around\n    justify-content: space-around !important\n\n  .widescreen\\:justify-content-space-evenly\n    justify-content: space-evenly !important\n\n.flex-nowrap\n  flex-wrap: nowrap !important\n\n.flex-wrap\n  flex-wrap: wrap !important\n\n.flex-wrap-reverse\n  flex-wrap: wrap-reverse !important\n\n+mobile\n  .mobile\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .mobile\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .mobile\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+tablet\n  .tablet\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .tablet\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .tablet\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+desktop\n  .desktop\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .desktop\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .desktop\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n+widescreen\n  .widescreen\\:flex-nowrap\n    flex-wrap: nowrap !important\n\n  .widescreen\\:flex-wrap\n    flex-wrap: wrap !important\n\n  .widescreen\\:flex-wrap-reverse\n    flex-wrap: wrap-reverse !important\n\n.gap-none\n  gap: 0 !important\n\n.gap-auto\n  gap: auto !important\n\n.gap-xx-small\n  gap: var(--group-space-xx-small) !important\n\n.gap-x-small\n  gap: var(--group-space-x-small) !important\n\n.gap-small\n  gap: var(--group-space-small) !important\n\n.gap-normal\n  gap: var(--group-space-normal) !important\n\n.gap-medium\n  gap: var(--group-space-medium) !important\n\n.gap-large\n  gap: var(--group-space-large) !important\n\n.gap-x-large\n  gap: var(--group-space-x-large) !important\n\n.gap-xx-large\n  gap: var(--group-space-xx-large) !important\n\n.row-gap-none\n  row-gap: 0 !important\n\n.row-gap-auto\n  row-gap: auto !important\n\n.row-gap-xx-small\n  row-gap: var(--group-space-xx-small) !important\n\n.row-gap-x-small\n  row-gap: var(--group-space-x-small) !important\n\n.row-gap-small\n  row-gap: var(--group-space-small) !important\n\n.row-gap-normal\n  row-gap: var(--group-space-normal) !important\n\n.row-gap-medium\n  row-gap: var(--group-space-medium) !important\n\n.row-gap-large\n  row-gap: var(--group-space-large) !important\n\n.row-gap-x-large\n  row-gap: var(--group-space-x-large) !important\n\n.row-gap-xx-large\n  row-gap: var(--group-space-xx-large) !important\n\n.column-gap-none\n  column-gap: 0 !important\n\n.column-gap-auto\n  column-gap: auto !important\n\n.column-gap-xx-small\n  column-gap: var(--group-space-xx-small) !important\n\n.column-gap-x-small\n  column-gap: var(--group-space-x-small) !important\n\n.column-gap-small\n  column-gap: var(--group-space-small) !important\n\n.column-gap-normal\n  column-gap: var(--group-space-normal) !important\n\n.column-gap-medium\n  column-gap: var(--group-space-medium) !important\n\n.column-gap-large\n  column-gap: var(--group-space-large) !important\n\n.column-gap-x-large\n  column-gap: var(--group-space-x-large) !important\n\n.column-gap-xx-large\n  column-gap: var(--group-space-xx-large) !important\n\n+tablet\n  .gap-xx-small\n    gap: var(--group-space-xx-small-tablet) !important\n\n  .gap-x-small\n    gap: var(--group-space-x-small-tablet) !important\n\n  .gap-small\n    gap: var(--group-space-small-tablet) !important\n\n  .gap-normal\n    gap: var(--group-space-normal-tablet) !important\n\n  .gap-medium\n    gap: var(--group-space-medium-tablet) !important\n\n  .gap-large\n    gap: var(--group-space-large-tablet) !important\n\n  .gap-x-large\n    gap: var(--group-space-x-large-tablet) !important\n\n  .gap-xx-large\n    gap: var(--group-space-xx-large-tablet) !important\n\n+tablet\n  .row-gap-xx-small\n    row-gap: var(--group-space-xx-small-tablet) !important\n\n  .row-gap-x-small\n    row-gap: var(--group-space-x-small-tablet) !important\n\n  .row-gap-small\n    row-gap: var(--group-space-small-tablet) !important\n\n  .row-gap-normal\n    row-gap: var(--group-space-normal-tablet) !important\n\n  .row-gap-medium\n    row-gap: var(--group-space-medium-tablet) !important\n\n  .row-gap-large\n    row-gap: var(--group-space-large-tablet) !important\n\n  .row-gap-x-large\n    row-gap: var(--group-space-x-large-tablet) !important\n\n  .row-gap-xx-large\n    row-gap: var(--group-space-xx-large-tablet) !important\n\n+tablet\n  .column-gap-xx-small\n    column-gap: var(--group-space-xx-small-tablet) !important\n\n  .column-gap-x-small\n    column-gap: var(--group-space-x-small-tablet) !important\n\n  .column-gap-small\n    column-gap: var(--group-space-small-tablet) !important\n\n  .column-gap-normal\n    column-gap: var(--group-space-normal-tablet) !important\n\n  .column-gap-medium\n    column-gap: var(--group-space-medium-tablet) !important\n\n  .column-gap-large\n    column-gap: var(--group-space-large-tablet) !important\n\n  .column-gap-x-large\n    column-gap: var(--group-space-x-large-tablet) !important\n\n  .column-gap-xx-large\n    column-gap: var(--group-space-xx-large-tablet) !important\n\n+desktop\n  .gap-xx-small\n    gap: var(--group-space-xx-small-desktop) !important\n\n  .gap-x-small\n    gap: var(--group-space-x-small-desktop) !important\n\n  .gap-small\n    gap: var(--group-space-small-desktop) !important\n\n  .gap-normal\n    gap: var(--group-space-normal-desktop) !important\n\n  .gap-medium\n    gap: var(--group-space-medium-desktop) !important\n\n  .gap-large\n    gap: var(--group-space-large-desktop) !important\n\n  .gap-x-large\n    gap: var(--group-space-x-large-desktop) !important\n\n  .gap-xx-large\n    gap: var(--group-space-xx-large-desktop) !important\n\n+desktop\n  .row-gap-xx-small\n    row-gap: var(--group-space-xx-small-desktop) !important\n\n  .row-gap-x-small\n    row-gap: var(--group-space-x-small-desktop) !important\n\n  .row-gap-small\n    row-gap: var(--group-space-small-desktop) !important\n\n  .row-gap-normal\n    row-gap: var(--group-space-normal-desktop) !important\n\n  .row-gap-medium\n    row-gap: var(--group-space-medium-desktop) !important\n\n  .row-gap-large\n    row-gap: var(--group-space-large-desktop) !important\n\n  .row-gap-x-large\n    row-gap: var(--group-space-x-large-desktop) !important\n\n  .row-gap-xx-large\n    row-gap: var(--group-space-xx-large-desktop) !important\n\n+desktop\n  .column-gap-xx-small\n    column-gap: var(--group-space-xx-small-desktop) !important\n\n  .column-gap-x-small\n    column-gap: var(--group-space-x-small-desktop) !important\n\n  .column-gap-small\n    column-gap: var(--group-space-small-desktop) !important\n\n  .column-gap-normal\n    column-gap: var(--group-space-normal-desktop) !important\n\n  .column-gap-medium\n    column-gap: var(--group-space-medium-desktop) !important\n\n  .column-gap-large\n    column-gap: var(--group-space-large-desktop) !important\n\n  .column-gap-x-large\n    column-gap: var(--group-space-x-large-desktop) !important\n\n  .column-gap-xx-large\n    column-gap: var(--group-space-xx-large-desktop) !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"]}