{"version":3,"sourceRoot":"","sources":["file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/generated/typography.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;;;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;;;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;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC1LA;ED6LA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACpMF;EDuMA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACtPA;EDyPA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/PF;EDkQA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AChQF;EDmQA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACrPF;EDwPA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACzVA;ED4VA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnWF;EDsWA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AC/YA;EDkZA;IACE;;EAEF;IACE;;;AClZF;EDqZA;IACE;;EAEF;IACE;;;AC7YF;EDgZA;IACE;;EAEF;IACE;;;AC5XF;ED+XA;IACE;;EAEF;IACE","sourcesContent":[".text-on-dark\n  color: var(--group-light-text-on-dark) !important\n\n.text-on-dark-hover\n  color: var(--group-light-text-on-dark-hover) !important\n\n.text-on-dark-pressed\n  color: var(--group-light-text-on-dark-pressed) !important\n\n.text-on-dark-disabled-1\n  color: var(--group-light-text-on-dark-disabled-1) !important\n\n.text-on-dark-disabled-2\n  color: var(--group-light-text-on-dark-disabled-2) !important\n\n.focus\\:text-on-dark:focus\n  color: var(--group-light-text-on-dark) !important\n\n.hover\\:text-on-dark:hover\n  color: var(--group-light-text-on-dark) !important\n\n.active\\:text-on-dark:active\n  color: var(--group-light-text-on-dark) !important\n\n.focus\\:text-on-dark-hover:focus\n  color: var(--group-light-text-on-dark-hover) !important\n\n.hover\\:text-on-dark-hover:hover\n  color: var(--group-light-text-on-dark-hover) !important\n\n.active\\:text-on-dark-hover:active\n  color: var(--group-light-text-on-dark-hover) !important\n\n.focus\\:text-on-dark-pressed:focus\n  color: var(--group-light-text-on-dark-pressed) !important\n\n.hover\\:text-on-dark-pressed:hover\n  color: var(--group-light-text-on-dark-pressed) !important\n\n.active\\:text-on-dark-pressed:active\n  color: var(--group-light-text-on-dark-pressed) !important\n\n.focus\\:text-on-dark-disabled-1:focus\n  color: var(--group-light-text-on-dark-disabled-1) !important\n\n.hover\\:text-on-dark-disabled-1:hover\n  color: var(--group-light-text-on-dark-disabled-1) !important\n\n.active\\:text-on-dark-disabled-1:active\n  color: var(--group-light-text-on-dark-disabled-1) !important\n\n.focus\\:text-on-dark-disabled-2:focus\n  color: var(--group-light-text-on-dark-disabled-2) !important\n\n.hover\\:text-on-dark-disabled-2:hover\n  color: var(--group-light-text-on-dark-disabled-2) !important\n\n.active\\:text-on-dark-disabled-2:active\n  color: var(--group-light-text-on-dark-disabled-2) !important\n\n.text-on-light\n  color: var(--group-light-text-on-light) !important\n\n.text-on-light-hover\n  color: var(--group-light-text-on-light-hover) !important\n\n.text-on-light-pressed\n  color: var(--group-light-text-on-light-pressed) !important\n\n.text-on-light-disabled-1\n  color: var(--group-light-text-on-light-disabled-1) !important\n\n.text-on-light-disabled-2\n  color: var(--group-light-text-on-light-disabled-2) !important\n\n.focus\\:text-on-light:focus\n  color: var(--group-light-text-on-light) !important\n\n.hover\\:text-on-light:hover\n  color: var(--group-light-text-on-light) !important\n\n.active\\:text-on-light:active\n  color: var(--group-light-text-on-light) !important\n\n.focus\\:text-on-light-hover:focus\n  color: var(--group-light-text-on-light-hover) !important\n\n.hover\\:text-on-light-hover:hover\n  color: var(--group-light-text-on-light-hover) !important\n\n.active\\:text-on-light-hover:active\n  color: var(--group-light-text-on-light-hover) !important\n\n.focus\\:text-on-light-pressed:focus\n  color: var(--group-light-text-on-light-pressed) !important\n\n.hover\\:text-on-light-pressed:hover\n  color: var(--group-light-text-on-light-pressed) !important\n\n.active\\:text-on-light-pressed:active\n  color: var(--group-light-text-on-light-pressed) !important\n\n.focus\\:text-on-light-disabled-1:focus\n  color: var(--group-light-text-on-light-disabled-1) !important\n\n.hover\\:text-on-light-disabled-1:hover\n  color: var(--group-light-text-on-light-disabled-1) !important\n\n.active\\:text-on-light-disabled-1:active\n  color: var(--group-light-text-on-light-disabled-1) !important\n\n.focus\\:text-on-light-disabled-2:focus\n  color: var(--group-light-text-on-light-disabled-2) !important\n\n.hover\\:text-on-light-disabled-2:hover\n  color: var(--group-light-text-on-light-disabled-2) !important\n\n.active\\:text-on-light-disabled-2:active\n  color: var(--group-light-text-on-light-disabled-2) !important\n\n.text-dark-rag-on-light\n  color: var(--group-dark-rag-text-on-light) !important\n\n.text-dark-rag-on-dark\n  color: var(--group-dark-rag-text-on-dark) !important\n\n.text-rag-on-light\n  color: var(--group-light-rag-text-on-light) !important\n\n.text-rag-on-dark\n  color: var(--group-light-rag-text-on-dark) !important\n\n.font-family-title\n  font-family: var(--group-font-family-title) !important\n\n.font-family-text\n  font-family: var(--group-font-family-text) !important\n\n.text-color-info\n  color: var(--group-color-text-info) !important\n\n.text-color-warning\n  color: var(--group-color-text-warning) !important\n\n.text-color-success\n  color: var(--group-color-text-success) !important\n\n.text-color-error\n  color: var(--group-color-text-error) !important\n\n.focus\\:text-color-info:focus\n  color: var(--group-color-text-info) !important\n\n.hover\\:text-color-info:hover\n  color: var(--group-color-text-info) !important\n\n.active\\:text-color-info:active\n  color: var(--group-color-text-info) !important\n\n.focus\\:text-color-warning:focus\n  color: var(--group-color-text-warning) !important\n\n.hover\\:text-color-warning:hover\n  color: var(--group-color-text-warning) !important\n\n.active\\:text-color-warning:active\n  color: var(--group-color-text-warning) !important\n\n.focus\\:text-color-success:focus\n  color: var(--group-color-text-success) !important\n\n.hover\\:text-color-success:hover\n  color: var(--group-color-text-success) !important\n\n.active\\:text-color-success:active\n  color: var(--group-color-text-success) !important\n\n.focus\\:text-color-error:focus\n  color: var(--group-color-text-error) !important\n\n.hover\\:text-color-error:hover\n  color: var(--group-color-text-error) !important\n\n.active\\:text-color-error:active\n  color: var(--group-color-text-error) !important\n\n.text-s1\n  font-size: var(--group-text-size-1) !important\n\n.text-s2\n  font-size: var(--group-text-size-2) !important\n\n.text-s3\n  font-size: var(--group-text-size-3) !important\n\n.text-s4\n  font-size: var(--group-text-size-4) !important\n\n.text-s5\n  font-size: var(--group-text-size-5) !important\n\n.text-s6\n  font-size: var(--group-text-size-6) !important\n\n.text-s7\n  font-size: var(--group-text-size-7) !important\n\n+tablet\n  .text-s1\n    font-size: var(--group-text-size-1-tablet) !important\n\n  .text-s2\n    font-size: var(--group-text-size-2-tablet) !important\n\n  .text-s3\n    font-size: var(--group-text-size-3-tablet) !important\n\n  .text-s4\n    font-size: var(--group-text-size-4-tablet) !important\n\n  .text-s5\n    font-size: var(--group-text-size-5-tablet) !important\n\n  .text-s6\n    font-size: var(--group-text-size-6-tablet) !important\n\n  .text-s7\n    font-size: var(--group-text-size-7-tablet) !important\n\n+desktop\n  .text-s1\n    font-size: var(--group-text-size-1-desktop) !important\n\n  .text-s2\n    font-size: var(--group-text-size-2-desktop) !important\n\n  .text-s3\n    font-size: var(--group-text-size-3-desktop) !important\n\n  .text-s4\n    font-size: var(--group-text-size-4-desktop) !important\n\n  .text-s5\n    font-size: var(--group-text-size-5-desktop) !important\n\n  .text-s6\n    font-size: var(--group-text-size-6-desktop) !important\n\n  .text-s7\n    font-size: var(--group-text-size-7-desktop) !important\n\n.text-align-center\n  text-align: center !important\n\n.text-align-left\n  text-align: left !important\n\n.text-align-right\n  text-align: right !important\n\n.text-align-justify\n  text-align: justify !important\n\n+mobile\n  .mobile\\:text-align-center\n    text-align: center !important\n\n  .mobile\\:text-align-left\n    text-align: left !important\n\n  .mobile\\:text-align-right\n    text-align: right !important\n\n  .mobile\\:text-align-justify\n    text-align: justify !important\n\n+tablet\n  .tablet\\:text-align-center\n    text-align: center !important\n\n  .tablet\\:text-align-left\n    text-align: left !important\n\n  .tablet\\:text-align-right\n    text-align: right !important\n\n  .tablet\\:text-align-justify\n    text-align: justify !important\n\n+desktop\n  .desktop\\:text-align-center\n    text-align: center !important\n\n  .desktop\\:text-align-left\n    text-align: left !important\n\n  .desktop\\:text-align-right\n    text-align: right !important\n\n  .desktop\\:text-align-justify\n    text-align: justify !important\n\n+widescreen\n  .widescreen\\:text-align-center\n    text-align: center !important\n\n  .widescreen\\:text-align-left\n    text-align: left !important\n\n  .widescreen\\:text-align-right\n    text-align: right !important\n\n  .widescreen\\:text-align-justify\n    text-align: justify !important\n\n.lowercase\n  text-transform: lowercase !important\n\n.uppercase\n  text-transform: uppercase !important\n\n.capitalize\n  text-transform: capitalize !important\n\n.font-weight-bold\n  font-weight: var(--group-font-weight-bold) !important\n\n.font-weight-regular\n  font-weight: var(--group-font-weight-regular) !important\n\n.font-weight-medium\n  font-weight: var(--group-font-weight-medium) !important\n\n.font-weight-light\n  font-weight: var(--group-font-weight-light) !important\n\n.font-weight-thin\n  font-weight: var(--group-font-weight-thin) !important\n\n.white-space-normal\n  white-space: normal !important\n\n.white-space-nowrap\n  white-space: nowrap !important\n\n.lh-s1\n  line-height: var(--group-line-height-size-1) !important\n\n.lh-s2\n  line-height: var(--group-line-height-size-2) !important\n\n.lh-s3\n  line-height: var(--group-line-height-size-3) !important\n\n.lh-s4\n  line-height: var(--group-line-height-size-4) !important\n\n.lh-s5\n  line-height: var(--group-line-height-size-5) !important\n\n.lh-s6\n  line-height: var(--group-line-height-size-6) !important\n\n.lh-s7\n  line-height: var(--group-line-height-size-7) !important\n\n+tablet\n  .lh-s1\n    line-height: var(--group-line-height-size-1-tablet) !important\n\n  .lh-s2\n    line-height: var(--group-line-height-size-2-tablet) !important\n\n  .lh-s3\n    line-height: var(--group-line-height-size-3-tablet) !important\n\n  .lh-s4\n    line-height: var(--group-line-height-size-4-tablet) !important\n\n  .lh-s5\n    line-height: var(--group-line-height-size-5-tablet) !important\n\n  .lh-s6\n    line-height: var(--group-line-height-size-6-tablet) !important\n\n  .lh-s7\n    line-height: var(--group-line-height-size-7-tablet) !important\n\n+desktop\n  .lh-s1\n    line-height: var(--group-line-height-size-1-desktop) !important\n\n  .lh-s2\n    line-height: var(--group-line-height-size-2-desktop) !important\n\n  .lh-s3\n    line-height: var(--group-line-height-size-3-desktop) !important\n\n  .lh-s4\n    line-height: var(--group-line-height-size-4-desktop) !important\n\n  .lh-s5\n    line-height: var(--group-line-height-size-5-desktop) !important\n\n  .lh-s6\n    line-height: var(--group-line-height-size-6-desktop) !important\n\n  .lh-s7\n    line-height: var(--group-line-height-size-7-desktop) !important\n\n.text-overflow-clip\n  text-overflow: clip !important\n\n.text-overflow-ellipsis\n  text-overflow: ellipsis !important\n\n+mobile\n  .mobile\\:text-overflow-clip\n    text-overflow: clip !important\n\n  .mobile\\:text-overflow-ellipsis\n    text-overflow: ellipsis !important\n\n+tablet\n  .tablet\\:text-overflow-clip\n    text-overflow: clip !important\n\n  .tablet\\:text-overflow-ellipsis\n    text-overflow: ellipsis !important\n\n+desktop\n  .desktop\\:text-overflow-clip\n    text-overflow: clip !important\n\n  .desktop\\:text-overflow-ellipsis\n    text-overflow: ellipsis !important\n\n+widescreen\n  .widescreen\\:text-overflow-clip\n    text-overflow: clip !important\n\n  .widescreen\\:text-overflow-ellipsis\n    text-overflow: ellipsis !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"]}