{
  "version": 3,
  "sources": ["../src/example.css"],
  "sourcesContent": [":root {\n  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n\n  color-scheme: light dark;\n  color: rgba(255, 255, 255, 0.87);\n  background-color: #242424;\n\n  font-synthesis: none;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  margin: 0;\n\n  -webkit-font-smoothing: antialiased;\n  hyphens: auto;\n  overflow-wrap: break-word;\n}\n\n#intro {\n  padding: 15px 20px;\n}\n\n#side-by-side {\n  display: flex;\n  flex-flow: row nowrap;\n}\n\n#side-by-side > :first-child {\n  border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\nmain,\niframe {\n  flex: 1 1 0px;\n  min-width: 0;\n}\n\niframe {\n  border: none;\n}\n\nh1,\nh2,\np {\n  margin: 10px 0;\n  max-width: 650px;\n}\n\nh1 {\n  font-size: 1.5em;\n}\n\nh2 {\n  font-size: 1.2em;\n  text-align: center;\n}\n\ncode {\n  font-family: Courier, Menlo, monospace;\n  font-size: 1em;\n  padding: 0.1em 0.3em;\n  border-radius: 3px;\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\narticle:not(#history) {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, 100px);\n  justify-content: space-evenly;\n\n  gap: 10px;\n  margin: 10px;\n}\n\narticle:not(#history) section {\n  display: flex;\n  flex-flow: column nowrap;\n  gap: 5px;\n  align-items: center;\n  width: 100px;\n}\n\narticle:not(#history) code {\n  font-size: 10px;\n  overflow: hidden;\n  text-align: right;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n#history {\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: space-evenly;\n  min-height: 350px;\n  align-items: center;\n  justify-content: space-evenly;\n  background-color: #2e2e2e;\n\n  canvas {\n    width: 100%;\n    max-width: 350px;\n  }\n}\n\n#clones {\n  position: relative;\n  display: block;\n  aspect-ratio: 1;\n  width: 100%;\n\n  ---clone-count: 1;\n  ---clone-width: 50%;\n  ---clone-offset: calc(var(---clone-width) / var(---clone-count));\n}\n\n#clones .clone {\n  position: absolute;\n  right: calc(var(---clone-index) * var(---clone-offset));\n  top: calc(var(---clone-index) * var(---clone-offset));\n\n  aspect-ratio: 3 / 2;\n  box-sizing: border-box;\n  max-width: 350px;\n  width: var(---clone-width);\n\n  border: 1px solid red;\n  transform: perspective(1000px) rotateY(-25deg);\n  transition: 0.5s ease;\n  transition-property: background-color, opacity, transform;\n}\n\n#clones code {\n  position: absolute;\n  inset: 5px auto auto 5px;\n  opacity: 0.5;\n  font-size: 11px;\n  transition: 0.5s ease opacity;\n}\n\n#clones canvas {\n  width: 100%;\n}\n\n#clones:has(.clone:hover) #clones .clone:not(:hover) {\n  opacity: 0.15;\n  background-color: transparent;\n}\n\n#clones .clone:hover {\n  opacity: 1;\n  background-color: #2e2e2e;\n  transform: perspective(1000px) rotateY(0deg);\n}\n\n#clones .clone:hover code {\n  opacity: 1;\n}\n"],
  "mappings": "AAAA,MACE,YAAa,KAAK,CAAE,SAAS,CAAE,MAAM,CAAE,SAAS,CAAE,KAAK,CAAE,WACzD,UAAW,KACX,YAAa,IACb,YAAa,IAEb,aAAc,MAAM,KACpB,MAAO,UACP,iBAAkB,QAElB,eAAgB,KAChB,eAAgB,mBAChB,uBAAwB,YACxB,wBAAyB,SAC3B,CAEA,KAhBA,OAiBU,EAER,uBAAwB,YACxB,QAAS,KACT,cAAe,UACjB,CAEA,CAAC,MAxBD,QAyBW,KAAK,IAChB,CAEA,CAAC,aACC,QAAS,KACT,UAAW,IAAI,MACjB,CAEA,CALC,YAKa,CAAE,aACd,aAAc,IAAI,MAAM,KAAK,GAAG,CAAE,GAAG,CAAE,GAAG,CAAE,GAC9C,CAEA,KACA,OACE,KAAM,EAAE,EAAE,IACV,UAAW,CACb,CAEA,OACE,OAAQ,IACV,CAEA,GACA,GACA,EAjDA,OAkDU,KAAK,EACb,UAAW,KACb,CAEA,GACE,UAAW,KACb,CAEA,GACE,UAAW,MACX,WAAY,MACd,CAEA,KACE,YAAa,OAAO,CAAE,KAAK,CAAE,UAC7B,UAAW,IAjEb,QAkEW,KAAM,KAlEjB,cAmEiB,IACf,iBAAkB,KACpB,CAEA,OAAO,KAAK,CAAC,SACX,QAAS,KACT,sBAAuB,OAAO,SAAS,CAAE,OACzC,gBAAiB,aAEjB,IAAK,KA5EP,OA6EU,IACV,CAEA,OAAO,KAAK,CATC,SASS,QACpB,QAAS,KACT,UAAW,OAAO,OAClB,IAAK,IACL,YAAa,OACb,MAAO,KACT,CAEA,OAAO,KAAK,CAjBC,SAiBS,KACpB,UAAW,KACX,SAAU,OACV,WAAY,MACZ,cAAe,SACf,YAAa,OACb,UAAW,IACb,CAEA,CA1Ba,QA2BX,QAAS,KACT,UAAW,IAAI,KAEf,WAAY,MACZ,YAAa,OACb,gBAAiB,aACjB,iBAAkB,QAElB,OACE,MAAO,KACP,UAAW,KACb,CACF,CAEA,CAAC,OACC,SAAU,SACV,QAAS,MACT,aAAc,EACd,MAAO,KAEP,gBAAgB,EAChB,gBAAgB,IAChB,iBAAiB,KAAK,IAAI,gBAAgB,EAAE,IAAI,gBAClD,CAEA,CAXC,OAWO,CAAC,MACP,SAAU,SACV,MAAO,KAAK,IAAI,gBAAgB,EAAE,IAAI,kBACtC,IAAK,KAAK,IAAI,gBAAgB,EAAE,IAAI,kBAEpC,aAAc,EAAE,EAAE,EAClB,WAAY,WACZ,UAAW,MACX,MAAO,IAAI,gBAEX,OAAQ,IAAI,MAAM,IAClB,UAAW,YAAY,QAAQ,QAAQ,QACvC,WAAY,IAAK,KACjB,oBAAqB,gBAAgB,CAAE,OAAO,CAAE,SAClD,CAEA,CA3BC,OA2BO,KACN,SAAU,SA5IZ,MA6IS,IAAI,KAAK,KAAK,IACrB,QAAS,GACT,UAAW,KACX,WAAY,IAAK,KAAK,OACxB,CAEA,CAnCC,OAmCO,OACN,MAAO,IACT,CAEA,CAvCC,MAuCM,KAAK,CA5BH,KA4BS,QAAQ,CAvCzB,OAuCiC,CA5BzB,KA4B+B,KAAK,QAC3C,QAAS,IACT,iBAAkB,WACpB,CAEA,CA5CC,OA4CO,CAjCC,KAiCK,OACZ,QAAS,EACT,iBAAkB,QAClB,UAAW,YAAY,QAAQ,QAAQ,EACzC,CAEA,CAlDC,OAkDO,CAvCC,KAuCK,OAAO,KACnB,QAAS,CACX",
  "names": []
}