{"version":3,"sourceRoot":"","sources":["file:///Users/matthewhill/HSBC/group-design-system/packages/styles/sass/structure.sass","file:///Users/matthewhill/HSBC/group-design-system/packages/styles/src/mixins/breakpoint.mixin.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;;AACF;EAEE;;AACF;EAEE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACF;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AChEA;ED0DF;IAQI;IACA;;;ACvDF;ED8CF;IAWI;IACA;;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE","sourcesContent":["@import './mixins'\n\nhtml\n  background-color: var(--group-body-background)\n  font-size: var(--group-body-font-size)\n  min-width: 300px\n  overflow-x: hidden\n  overflow-y: scroll\n  text-rendering: optimizeLegibility\n  text-size-adjust: 100%\n  -moz-osx-font-smoothing: grayscale\n  -webkit-font-smoothing: antialiased\n  -webkit-tap-highlight-color: transparent\n  -webkit-overflow-scrolling: auto\n\n*:focus\n  -webkit-tap-highlight-color: transparent\n  outline: none\n  -ms-touch-action: manipulation\n  touch-action: manipulation\n\narticle,\naside,\nfigure,\nfooter,\nheader,\nhgroup,\nsection\n  display: block\n\nbody,\nbutton,\ninput,\noptgroup,\nselect,\ntextarea\n  font-family: var(--group-body-font-family)\n\nbutton\n  color: var(--group-body-color)\n\nbody\n  color: var(--group-body-color)\n  font-size: var(--group-body-font-size)\n  font-weight: var(--group-body-font-weight)\n  line-height: var(--group-body-line-height)\n  -webkit-overflow-scrolling: auto\n\na\n  cursor: pointer\n  text-decoration: none\n  hyphens: auto\n  margin: 0\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  strong,\n  &:any-link\n    color: currentColor\n  &:hover,\n  &:any-link:hover\n    color: var(--group-link-hover-color)\n  &:active,\n  &:any-link:active\n    color: var(--group-link-active-color)\n\np\n  hyphens: auto\n  margin: 0\n  word-break: break-word\n  -webkit-font-smoothing: antialiased\n  -moz-osx-font-smoothing: grayscale\n  strong\n    color: currentColor\n  &:not(:last-child)\n    margin-bottom: var(--group-space-normal)\n\nhr\n  background-color: var(--group-divider-background)\n  border: none\n  display: block\n  height: var(--group-border-width-normal)\n  margin-top: var(--group-space-xx-large)\n  margin-bottom: var(--group-space-xx-large)\n  +tablet\n    margin-top: var(--group-space-xx-large-tablet)\n    margin-bottom: var(--group-space-xx-large-tablet)\n  +desktop\n    margin-top: var(--group-space-xx-large-desktop)\n    margin-bottom: var(--group-space-xx-large-desktop)\n\nimg\n  height: auto\n  max-width: 100%\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"]\n  vertical-align: baseline\n\nsmall\n  font-size: var(--group-small-font-size)\n\nspan\n  font-style: inherit\n  font-weight: inherit\n\nb,\nstrong\n  color: inherit\n  font-weight: var(--group-strong-font-weight)\n\nfieldset\n  border: none\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"]}