{
  "version": 3,
  "sources": ["../unit/main/_meta.css", "styleguide.css"],
  "sourcesContent": ["/*!\n* Copyright 2019-2020 The Go Authors. All rights reserved.\n* Use of this source code is governed by a BSD-style\n* license that can be found in the LICENSE file.\n*/\n\n.UnitMeta {\n  display: grid;\n  gap: 1rem 2rem;\n  grid-template-columns: max-content auto;\n  white-space: nowrap;\n}\n.UnitMeta-details,\n.UnitMeta-links {\n  display: flex;\n  flex-flow: wrap;\n  flex-direction: row;\n  gap: 1rem 2rem;\n}\n.UnitMeta-repo {\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n}\n.UnitMeta-repo a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n@media (min-width: 50rem) {\n  .UnitMeta {\n    grid-template-columns: max-content auto;\n  }\n  .UnitMeta-details,\n  .UnitMeta-links {\n    flex-direction: row;\n  }\n}\n@media (min-width: 112rem) {\n  :root[data-layout='responsive'] .UnitMeta {\n    grid-template-columns: 100%;\n  }\n  :root[data-layout='responsive'] .UnitMeta-details,\n  :root[data-layout='responsive'] .UnitMeta-links {\n    flex-direction: column;\n    white-space: nowrap;\n  }\n}\n.UnitMeta-detailsLearn {\n  width: 100%;\n}\n@media (min-width: 50rem) {\n  .UnitMeta-detailsLearn {\n    width: initial;\n  }\n}\n", "/*!\n * Copyright 2021 The Go Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style\n * license that can be found in the LICENSE file.\n */\n\n@import url('../unit/main/_meta.css');\n\n.StyleGuide {\n  background-color: var(--color-background);\n}\n.StyleGuide > section {\n  align-items: center;\n  display: grid;\n  gap: 1rem 2rem;\n  grid-template-columns: 100%;\n  margin-bottom: 1rem;\n}\n.StyleGuide > section > header {\n  border-bottom: var(--border);\n  grid-column: 1/-1;\n  margin-bottom: 1rem;\n  padding-bottom: 1rem;\n}\n.StyleGuide > section > h2 {\n  grid-column: 1/-1;\n  width: max-content;\n}\n.StyleGuide > section > hr {\n  grid-column: 1/-1;\n}\n.StyleGuide > section > h3 {\n  grid-column: 1/-1;\n  margin: 1rem 0;\n}\n.StyleGuide > section > p {\n  grid-column: 1/-1;\n}\n.StyleGuide .Color,\n.StyleGuide .ColorIntent {\n  grid-template-columns: repeat(auto-fit, 5rem [col-start] minmax(12rem, auto) [col-end]);\n}\n.StyleGuide .Outline {\n  align-items: flex-start;\n}\n.StyleGuide .Outline > span {\n  margin-top: 0.5rem;\n}\n@media (min-width: 80rem) {\n  .StyleGuide .Icon {\n    grid-template-columns: 10rem 8rem auto;\n  }\n  .StyleGuide .Typography,\n  .StyleGuide .Button,\n  .StyleGuide .Carousel,\n  .StyleGuide .Form,\n  .StyleGuide .Modal,\n  .StyleGuide .Message,\n  .StyleGuide .Breadcrumb,\n  .StyleGuide .Chip,\n  .StyleGuide .Tooltip,\n  .StyleGuide .Outline,\n  .StyleGuide .Clipboard {\n    grid-template-columns: 20rem auto;\n  }\n}\n@media (min-width: 112rem) {\n  .StyleGuide .Icon {\n    grid-template-columns: 10rem auto 50%;\n  }\n  .StyleGuide .Typography,\n  .StyleGuide .Button,\n  .StyleGuide .Carousel,\n  .StyleGuide .Form,\n  .StyleGuide .Modal,\n  .StyleGuide .Message,\n  .StyleGuide .Breadcrumb,\n  .StyleGuide .Chip,\n  .StyleGuide .Tooltip,\n  .StyleGuide .Outline,\n  .StyleGuide .Clipboard {\n    grid-template-columns: auto 50%;\n  }\n}\n\n.StringifyElement {\n  align-items: baseline;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding: 0.25rem;\n}\n.ElementMarkup > pre,\n.StringifyElement-markup {\n  color: var(--color-text-subtle);\n  font-size: 0.875rem;\n  margin-top: 0.5rem;\n  max-width: 100%;\n  padding-left: 2rem;\n  position: relative;\n}\n.ElementMarkup > pre::before,\n.StringifyElement-markup::before {\n  background: url(/static/shared/icon/content_copy_gm_grey_24dp.svg);\n  background-repeat: no-repeat;\n  background-size: contain;\n  content: ' ';\n  left: 0.5rem;\n  padding-left: 1rem;\n  position: absolute;\n  width: 1rem;\n}\n.StringifyElement-markup:active {\n  filter: contrast(0.9);\n}\n.StringifyElement-details {\n  color: var(--color-text-subtle);\n  font-size: 0.8125rem;\n  overflow-x: auto;\n}\n.GoColor-circle {\n  background-color: var(--color);\n  border: var(--border);\n  border-radius: 2rem;\n  height: 3rem;\n  margin: auto;\n  margin-bottom: 0.5rem;\n  width: 3rem;\n}\n.GoIcon-title,\n.GoColor-title {\n  text-transform: capitalize;\n}\n\n.go-Main-navDesktop a + ul {\n  text-transform: capitalize;\n}\n\n.MainHeader-toggle {\n  display: flex;\n}\n"],
  "mappings": ";;;;;AAMA,UACE,aACA,cACA,uCACA,mBAEF,kCAEE,aACA,eACA,mBACA,cAEF,eACE,mBACA,aACA,gBAEF,iBACE,gBACA,uBAEF,0BACE,UACE,uCAEF,kCAEE,oBAGJ,2BACE,wCACE,2BAEF,8FAEE,sBACA,oBAGJ,uBACE,WAEF,0BACE,uBACE,eC5CJ,YACE,yCAEF,oBACE,mBACA,aACA,cACA,2BACA,mBAEF,2BACE,4BACA,iBACA,mBACA,oBAEF,uBACE,iBACA,kBAEF,uBACE,iBAEF,uBACE,iBAhCF,cAmCA,sBACE,iBAEF,4CAEE,qFAEF,qBACE,uBAEF,0BACE,iBAEF,0BACE,kBACE,sCAEF,uOAWE,kCAGJ,2BACE,kBACE,qCAEF,uOAWE,gCAIJ,kBACE,qBACA,aACA,sBACA,SAzFF,eA4FA,4CAEE,+BACA,kBACA,iBACA,eACA,kBACA,kBAEF,0DAEE,kEACA,4BACA,wBACA,YACA,WACA,kBACA,kBACA,WAEF,gCACE,oBAEF,0BACE,+BACA,mBACA,gBAEF,gBACE,8BACA,qBA1HF,mBA4HE,YA5HF,YA8HE,oBACA,WAEF,6BAEE,0BAGF,yBACE,0BAGF,mBACE",
  "names": []
}