{"version":3,"sourceRoot":"","sources":["file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/generated/elevation.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;;;ACpDA;EDuDA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACjGF;EDoGA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACtIF;EDyIA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC/JF;EDkKA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AAEJ;EACE;;;AC3PA;ED8PA;IACE;;;AC3PF;ED8PA;IACE;;;ACnPF;EDsPA;IACE;;;AC/NF;EDkOA;IACE;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AC7RA;EDgSA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC5SF;ED+SA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;ACnTF;EDsTA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;;AC9SF;EDiTA;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE;;EAEF;IACE","sourcesContent":[".opacity-0\n  opacity: var(--group-opacity-0) !important\n\n.opacity-30\n  opacity: var(--group-opacity-30) !important\n\n.opacity-40\n  opacity: var(--group-opacity-40) !important\n\n.opacity-50\n  opacity: var(--group-opacity-50) !important\n\n.opacity-60\n  opacity: var(--group-opacity-60) !important\n\n.opacity-80\n  opacity: var(--group-opacity-80) !important\n\n.opacity-100\n  opacity: var(--group-opacity-100) !important\n\n.shadow-none\n  box-shadow: none !important\n\n.shadow-small\n  box-shadow: var(--group-shadow-small) !important\n\n.shadow-normal\n  box-shadow: var(--group-shadow-normal) !important\n\n.shadow-large\n  box-shadow: var(--group-shadow-large) !important\n\n.focus\\:shadow-none:focus\n  box-shadow: none !important\n\n.hover\\:shadow-none:hover\n  box-shadow: none !important\n\n.active\\:shadow-none:active\n  box-shadow: none !important\n\n.focus\\:shadow-small:focus\n  box-shadow: var(--group-shadow-small) !important\n\n.hover\\:shadow-small:hover\n  box-shadow: var(--group-shadow-small) !important\n\n.active\\:shadow-small:active\n  box-shadow: var(--group-shadow-small) !important\n\n.focus\\:shadow-normal:focus\n  box-shadow: var(--group-shadow-normal) !important\n\n.hover\\:shadow-normal:hover\n  box-shadow: var(--group-shadow-normal) !important\n\n.active\\:shadow-normal:active\n  box-shadow: var(--group-shadow-normal) !important\n\n.focus\\:shadow-large:focus\n  box-shadow: var(--group-shadow-large) !important\n\n.hover\\:shadow-large:hover\n  box-shadow: var(--group-shadow-large) !important\n\n.active\\:shadow-large:active\n  box-shadow: var(--group-shadow-large) !important\n\n+mobile\n  .mobile\\:shadow-none\n    box-shadow: none !important\n\n  .mobile\\:shadow-small\n    box-shadow: var(--group-shadow-small) !important\n\n  .mobile\\:shadow-normal\n    box-shadow: var(--group-shadow-normal) !important\n\n  .mobile\\:shadow-large\n    box-shadow: var(--group-shadow-large) !important\n\n  .mobile\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .mobile\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .mobile\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .mobile\\:focus\\:shadow-small:focus\n    box-shadow: var(--group-shadow-small) !important\n\n  .mobile\\:hover\\:shadow-small:hover\n    box-shadow: var(--group-shadow-small) !important\n\n  .mobile\\:active\\:shadow-small:active\n    box-shadow: var(--group-shadow-small) !important\n\n  .mobile\\:focus\\:shadow-normal:focus\n    box-shadow: var(--group-shadow-normal) !important\n\n  .mobile\\:hover\\:shadow-normal:hover\n    box-shadow: var(--group-shadow-normal) !important\n\n  .mobile\\:active\\:shadow-normal:active\n    box-shadow: var(--group-shadow-normal) !important\n\n  .mobile\\:focus\\:shadow-large:focus\n    box-shadow: var(--group-shadow-large) !important\n\n  .mobile\\:hover\\:shadow-large:hover\n    box-shadow: var(--group-shadow-large) !important\n\n  .mobile\\:active\\:shadow-large:active\n    box-shadow: var(--group-shadow-large) !important\n\n+tablet\n  .tablet\\:shadow-none\n    box-shadow: none !important\n\n  .tablet\\:shadow-small\n    box-shadow: var(--group-shadow-small) !important\n\n  .tablet\\:shadow-normal\n    box-shadow: var(--group-shadow-normal) !important\n\n  .tablet\\:shadow-large\n    box-shadow: var(--group-shadow-large) !important\n\n  .tablet\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .tablet\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .tablet\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .tablet\\:focus\\:shadow-small:focus\n    box-shadow: var(--group-shadow-small) !important\n\n  .tablet\\:hover\\:shadow-small:hover\n    box-shadow: var(--group-shadow-small) !important\n\n  .tablet\\:active\\:shadow-small:active\n    box-shadow: var(--group-shadow-small) !important\n\n  .tablet\\:focus\\:shadow-normal:focus\n    box-shadow: var(--group-shadow-normal) !important\n\n  .tablet\\:hover\\:shadow-normal:hover\n    box-shadow: var(--group-shadow-normal) !important\n\n  .tablet\\:active\\:shadow-normal:active\n    box-shadow: var(--group-shadow-normal) !important\n\n  .tablet\\:focus\\:shadow-large:focus\n    box-shadow: var(--group-shadow-large) !important\n\n  .tablet\\:hover\\:shadow-large:hover\n    box-shadow: var(--group-shadow-large) !important\n\n  .tablet\\:active\\:shadow-large:active\n    box-shadow: var(--group-shadow-large) !important\n\n+desktop\n  .desktop\\:shadow-none\n    box-shadow: none !important\n\n  .desktop\\:shadow-small\n    box-shadow: var(--group-shadow-small) !important\n\n  .desktop\\:shadow-normal\n    box-shadow: var(--group-shadow-normal) !important\n\n  .desktop\\:shadow-large\n    box-shadow: var(--group-shadow-large) !important\n\n  .desktop\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .desktop\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .desktop\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .desktop\\:focus\\:shadow-small:focus\n    box-shadow: var(--group-shadow-small) !important\n\n  .desktop\\:hover\\:shadow-small:hover\n    box-shadow: var(--group-shadow-small) !important\n\n  .desktop\\:active\\:shadow-small:active\n    box-shadow: var(--group-shadow-small) !important\n\n  .desktop\\:focus\\:shadow-normal:focus\n    box-shadow: var(--group-shadow-normal) !important\n\n  .desktop\\:hover\\:shadow-normal:hover\n    box-shadow: var(--group-shadow-normal) !important\n\n  .desktop\\:active\\:shadow-normal:active\n    box-shadow: var(--group-shadow-normal) !important\n\n  .desktop\\:focus\\:shadow-large:focus\n    box-shadow: var(--group-shadow-large) !important\n\n  .desktop\\:hover\\:shadow-large:hover\n    box-shadow: var(--group-shadow-large) !important\n\n  .desktop\\:active\\:shadow-large:active\n    box-shadow: var(--group-shadow-large) !important\n\n+widescreen\n  .widescreen\\:shadow-none\n    box-shadow: none !important\n\n  .widescreen\\:shadow-small\n    box-shadow: var(--group-shadow-small) !important\n\n  .widescreen\\:shadow-normal\n    box-shadow: var(--group-shadow-normal) !important\n\n  .widescreen\\:shadow-large\n    box-shadow: var(--group-shadow-large) !important\n\n  .widescreen\\:focus\\:shadow-none:focus\n    box-shadow: none !important\n\n  .widescreen\\:hover\\:shadow-none:hover\n    box-shadow: none !important\n\n  .widescreen\\:active\\:shadow-none:active\n    box-shadow: none !important\n\n  .widescreen\\:focus\\:shadow-small:focus\n    box-shadow: var(--group-shadow-small) !important\n\n  .widescreen\\:hover\\:shadow-small:hover\n    box-shadow: var(--group-shadow-small) !important\n\n  .widescreen\\:active\\:shadow-small:active\n    box-shadow: var(--group-shadow-small) !important\n\n  .widescreen\\:focus\\:shadow-normal:focus\n    box-shadow: var(--group-shadow-normal) !important\n\n  .widescreen\\:hover\\:shadow-normal:hover\n    box-shadow: var(--group-shadow-normal) !important\n\n  .widescreen\\:active\\:shadow-normal:active\n    box-shadow: var(--group-shadow-normal) !important\n\n  .widescreen\\:focus\\:shadow-large:focus\n    box-shadow: var(--group-shadow-large) !important\n\n  .widescreen\\:hover\\:shadow-large:hover\n    box-shadow: var(--group-shadow-large) !important\n\n  .widescreen\\:active\\:shadow-large:active\n    box-shadow: var(--group-shadow-large) !important\n\n.text-shadow-normal\n  text-shadow: var(--group-text-shadow-normal) !important\n\n+mobile\n  .mobile\\:text-shadow-normal\n    text-shadow: var(--group-text-shadow-normal) !important\n\n+tablet\n  .tablet\\:text-shadow-normal\n    text-shadow: var(--group-text-shadow-normal) !important\n\n+desktop\n  .desktop\\:text-shadow-normal\n    text-shadow: var(--group-text-shadow-normal) !important\n\n+widescreen\n  .widescreen\\:text-shadow-normal\n    text-shadow: var(--group-text-shadow-normal) !important\n\n.elevation-light-elevation-decorative\n  elevation: var(--group-light-elevation-decorative) !important\n\n.elevation-light-elevation-functional\n  elevation: var(--group-light-elevation-functional) !important\n\n.elevation-light-elevation-border\n  elevation: var(--group-light-elevation-border) !important\n\n.elevation-dark-elevation-decorative\n  elevation: var(--group-dark-elevation-decorative) !important\n\n.elevation-dark-elevation-functional\n  elevation: var(--group-dark-elevation-functional) !important\n\n.elevation-dark-elevation-border\n  elevation: var(--group-dark-elevation-border) !important\n\n+mobile\n  .mobile\\:elevation-light-elevation-decorative\n    elevation: var(--group-light-elevation-decorative) !important\n\n  .mobile\\:elevation-light-elevation-functional\n    elevation: var(--group-light-elevation-functional) !important\n\n  .mobile\\:elevation-light-elevation-border\n    elevation: var(--group-light-elevation-border) !important\n\n  .mobile\\:elevation-dark-elevation-decorative\n    elevation: var(--group-dark-elevation-decorative) !important\n\n  .mobile\\:elevation-dark-elevation-functional\n    elevation: var(--group-dark-elevation-functional) !important\n\n  .mobile\\:elevation-dark-elevation-border\n    elevation: var(--group-dark-elevation-border) !important\n\n+tablet\n  .tablet\\:elevation-light-elevation-decorative\n    elevation: var(--group-light-elevation-decorative) !important\n\n  .tablet\\:elevation-light-elevation-functional\n    elevation: var(--group-light-elevation-functional) !important\n\n  .tablet\\:elevation-light-elevation-border\n    elevation: var(--group-light-elevation-border) !important\n\n  .tablet\\:elevation-dark-elevation-decorative\n    elevation: var(--group-dark-elevation-decorative) !important\n\n  .tablet\\:elevation-dark-elevation-functional\n    elevation: var(--group-dark-elevation-functional) !important\n\n  .tablet\\:elevation-dark-elevation-border\n    elevation: var(--group-dark-elevation-border) !important\n\n+desktop\n  .desktop\\:elevation-light-elevation-decorative\n    elevation: var(--group-light-elevation-decorative) !important\n\n  .desktop\\:elevation-light-elevation-functional\n    elevation: var(--group-light-elevation-functional) !important\n\n  .desktop\\:elevation-light-elevation-border\n    elevation: var(--group-light-elevation-border) !important\n\n  .desktop\\:elevation-dark-elevation-decorative\n    elevation: var(--group-dark-elevation-decorative) !important\n\n  .desktop\\:elevation-dark-elevation-functional\n    elevation: var(--group-dark-elevation-functional) !important\n\n  .desktop\\:elevation-dark-elevation-border\n    elevation: var(--group-dark-elevation-border) !important\n\n+widescreen\n  .widescreen\\:elevation-light-elevation-decorative\n    elevation: var(--group-light-elevation-decorative) !important\n\n  .widescreen\\:elevation-light-elevation-functional\n    elevation: var(--group-light-elevation-functional) !important\n\n  .widescreen\\:elevation-light-elevation-border\n    elevation: var(--group-light-elevation-border) !important\n\n  .widescreen\\:elevation-dark-elevation-decorative\n    elevation: var(--group-dark-elevation-decorative) !important\n\n  .widescreen\\:elevation-dark-elevation-functional\n    elevation: var(--group-dark-elevation-functional) !important\n\n  .widescreen\\:elevation-dark-elevation-border\n    elevation: var(--group-dark-elevation-border) !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"]}