{"version":3,"sources":["blankslate.pcss"],"names":[],"mappings":"AAEA,YAEE,gCAAkC,CADlC,iBAAkB,CAElB,iBAkBF,CAhBE,cACE,2BACF,CAEA,iBAGE,sCAAuC,CACvC,kEAAoE,CACpE,4CAA8C,CAH9C,2CAA6C,CAD7C,mBAKF,CAEA,gBAEE,WAAY,CADZ,UAEF,CAGF,iBAIE,2BAA4B,CAF5B,4CAA8C,CAC9C,wCAA0C,CAF1C,yCAIF,CAEA,kBACE,0CACF,CAEA,oBACE,oCACF,CAEA,mBACE,uCASF,CAPE,iCACE,yCACF,CAEA,gCACE,4CACF,CAGF,mBACE,+EACF,CAEA,qBACE,yDACF,CAEA,mBAEE,aAAc,CADd,eAEF,CAKE,sBAEE,WAAY,CADZ,UAEF,CAEA,qBAIE,cAAe,CAHf,qCAIF,CAEA,oBACE,0CACF,CAKF,6BACE,QACF","file":"blankslate.css","sourcesContent":["/* blankslate */\n\n.blankslate {\n  position: relative;\n  padding: var(--base-size-32, 32px);\n  text-align: center;\n\n  & p {\n    color: var(--color-fg-muted);\n  }\n\n  & code {\n    padding: 2px 5px 3px;\n    font-size: var(--text-body-size-medium, 14px);\n    background: var(--color-canvas-default);\n    border: var(--borderWidth-thin, 1px) solid var(--color-border-muted);\n    border-radius: var(--borderRadius-medium, 6px);\n  }\n\n  & img {\n    width: 56px;\n    height: 56px;\n  }\n}\n\n.blankslate-icon {\n  margin-right: var(--control-small-gap, 4px);\n  margin-bottom: var(--stack-gap-condensed, 8px);\n  margin-left: var(--control-small-gap, 4px);\n  color: var(--color-fg-muted);\n}\n\n.blankslate-image {\n  margin-bottom: var(--stack-gap-normal, 16px);\n}\n\n.blankslate-heading {\n  margin-bottom: var(--base-size-4, 4px);\n}\n\n.blankslate-action {\n  margin-top: var(--stack-gap-normal, 16px);\n\n  &:first-of-type {\n    margin-top: var(--stack-gap-spacious, 24px);\n  }\n\n  &:last-of-type {\n    margin-bottom: var(--stack-gap-condensed, 8px);\n  }\n}\n\n.blankslate-capped {\n  border-radius: 0 0 var(--borderRadius-medium, 6px) var(--borderRadius-medium, 6px);\n}\n\n.blankslate-spacious {\n  padding: var(--base-size-80, 80px) var(--base-size-40, 40px);\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  & img {\n    width: 80px;\n    height: 80px;\n  }\n\n  & h3 {\n    margin: var(--stack-gap-normal, 16px) 0;\n\n    /* font-size: $h3-size; // This doesn't actually make the text larger. Should this be $h2-size? */\n    font-size: 24px;\n  }\n\n  & p {\n    font-size: var(--text-body-size-large, 16px);\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"]}