{"version":3,"sources":["blankslate.pcss"],"names":[],"mappings":"AAEA,sBACE,0BAA2B,CAC3B,UACF,CAEA,YACE,oDAAqD,CACrD,qDAAsD,CAItD,oFAAqF,CAFrF,iBAAkB,CAGlB,iBAsBF,CAnBE,cAEE,0BAA2B,CAD3B,qCAEF,CAGA,iBAGE,iCAAkC,CAClC,6DAA8D,CAC9D,wCAAyC,CAHzC,sCAAuC,CADvC,gEAKF,CAGA,gBAEE,WAAY,CADZ,UAEF,CAGF,iBAOE,0BAA2B,CAH3B,wCAAyC,CAEzC,oCAAqC,CAJrC,qCAMF,CAEA,kBAEE,qCACF,CAEA,oBAEE,uCAAwC,CACxC,2CAA4C,CAF5C,gCAGF,CAEA,mBAEE,kCAWF,CATE,iCAEE,oCACF,CAEA,gCAEE,wCACF,CAGF,mBACE,uEACF,CAEA,qBACE,oDAAqD,CACrD,qDACF,CAEA,mBAEE,aAAc,CADd,eAEF,CAME,sBAEE,WAAY,CADZ,UAEF,CAGA,qBAME,cAAe,CAJf,gCAKF,CAGA,oBACE,qCACF,CAKF,6BACE,QACF,CAIA,8BACE,YACE,oDAAqD,CACrD,qDACF,CAEA,qBACE,oDAAqD,CACrD,qDACF,CAEA,iBAEE,wCACF,CAEA,oBACE,sCACF,CAGA,cACE,sCACF,CAEA,mBAEE,qCAWF,CATE,iCAEE,kCACF,CAEA,gCAEE,gDACF,CAEJ","file":"blankslate.css","sourcesContent":["/* blankslate */\n\n.blankslate-container {\n  container-type: inline-size;\n  width: 100%;\n}\n\n.blankslate {\n  --blankslate-outer-padding-block: var(--base-size-32);\n  --blankslate-outer-padding-inline: var(--base-size-32);\n\n  position: relative;\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);\n  text-align: center;\n\n  /* stylelint-disable-next-line selector-max-type */\n  & p {\n    font-size: var(--text-body-size-large);\n    color: var(--fgColor-muted);\n  }\n\n  /* stylelint-disable-next-line selector-max-type */\n  & code {\n    padding: var(--base-size-2) var(--base-size-4) var(--base-size-4);\n    font-size: var(--text-body-size-medium);\n    background: var(--bgColor-default);\n    border: var(--borderWidth-thin) solid var(--borderColor-muted);\n    border-radius: var(--borderRadius-medium);\n  }\n\n  /* stylelint-disable-next-line selector-max-type */\n  & img {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n.blankslate-icon {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-right: var(--control-small-gap);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: var(--stack-gap-condensed);\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: var(--control-small-gap);\n  color: var(--fgColor-muted);\n}\n\n.blankslate-image {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: var(--stack-gap-normal);\n}\n\n.blankslate-heading {\n  margin-bottom: var(--base-size-4);\n  font-size: var(--text-title-size-medium);\n  font-weight: var(--text-title-weight-medium);\n}\n\n.blankslate-action {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: var(--stack-gap-normal);\n\n  &:first-of-type {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: var(--stack-gap-spacious);\n  }\n\n  &:last-of-type {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-bottom: var(--stack-gap-condensed);\n  }\n}\n\n.blankslate-capped {\n  border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);\n}\n\n.blankslate-spacious {\n  --blankslate-outer-padding-block: var(--base-size-80);\n  --blankslate-outer-padding-inline: var(--base-size-40);\n}\n\n.blankslate-narrow {\n  max-width: 485px;\n  margin: 0 auto;\n}\n\n/* was .large-format\n** QUESTION: should we deprecate this? */\n.blankslate-large {\n  /* stylelint-disable-next-line selector-max-type */\n  & img {\n    width: 80px;\n    height: 80px;\n  }\n\n  /* stylelint-disable-next-line selector-max-type */\n  & h3 {\n    /* stylelint-disable-next-line primer/spacing */\n    margin: var(--stack-gap-normal) 0;\n\n    /* font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size? */\n    /* stylelint-disable-next-line primer/typography */\n    font-size: 24px;\n  }\n\n  /* stylelint-disable-next-line selector-max-type */\n  & p {\n    font-size: var(--text-body-size-large);\n  }\n}\n\n/* was .clean-background\n** TO DO: deprecate this and use utility instead */\n.blankslate-clean-background {\n  border: 0;\n}\n\n/* At the time these styles were written,\n   `34rem` was our \"small\" breakpoint width */\n@container (max-width: 34rem) {\n  .blankslate {\n    --blankslate-outer-padding-block: var(--base-size-20);\n    --blankslate-outer-padding-inline: var(--base-size-20);\n  }\n\n  .blankslate-spacious {\n    --blankslate-outer-padding-block: var(--base-size-44);\n    --blankslate-outer-padding-inline: var(--base-size-28);\n  }\n\n  .blankslate-icon {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-bottom: var(--stack-gap-condensed);\n  }\n\n  .blankslate-heading {\n    font-size: var(--text-title-size-small);\n  }\n\n  /* stylelint-disable-next-line selector-max-type */\n  .blankslate p {\n    font-size: var(--text-body-size-medium);\n  }\n\n  .blankslate-action {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: var(--stack-gap-condensed);\n\n    &:first-of-type {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-top: var(--stack-gap-normal);\n    }\n\n    &:last-of-type {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-bottom: calc(var(--stack-gap-condensed) / 2);\n    }\n  }\n}\n"]}