{"version":3,"sources":["AdditionalFields.module.scss","Annotators.module.scss","Collapse.module.scss","Graph.module.scss","PartOfSpeech.module.scss","Text.module.scss","Xml.module.scss"],"names":[],"mappings":"AAAA,qCACE,wBAAoC,CAKpC,mBAAqB,CAErB,mBAAqB,CAGvB,4BACE,YAAa,CACb,cAAe,CAGjB,mCAIE,cAAe,CAGjB,4BACE,eAAiB,CACjB,4BAAwB,CAAxB,uBAGU,CAGZ,wDALE,wBAAyB,CACzB,QAAS,CACT,SAMU,CClCZ,8BACE,wBAAoC,CAKpC,mBAAqB,CAErB,mBAAqB,CAGvB,sBACE,YAAa,CACb,cAAe,CAGjB,6BAIE,cAAe,CAGjB,sBACE,eAAiB,CACjB,4BAAwB,CAAxB,uBAGU,CAGZ,4CALE,wBAAyB,CACzB,QAAS,CACT,SAMU,CClCZ,wBACE,wBAAyB,CACzB,UAAc,CACd,cAAe,CACf,UAAW,CAEX,YAAa,CACb,6BAA8B,CAC9B,WAAY,CACZ,cAAe,CAKf,kBAAmB,CAEnB,mBAAqB,CAGvB,8BACE,wBAAyB,CAG3B,uBACE,eAAiB,CCxBnB,oBACE,wBAAyB,CACzB,mBAAY,CAAZ,WAAY,CACZ,UAAW,CAEX,mBAAqB,CALvB,2BAQI,uBAAgB,CAAhB,eAAgB,CARpB,yBAYI,WAAY,CACZ,iBAAoB,CACpB,SAAU,CAdd,yBAkBI,SAAU,CACV,sBAAuB,CAnB3B,2BAwBM,SAAU,CAxBhB,qCA6BQ,eAAiB,CAMzB,8BAIQ,gBAAiB,CACjB,eAAgB,CAChB,cAAe,CANvB,oCASU,wBAAyB,CAOnC,gCAIQ,wBAAyB,CAMjC,mCAIQ,wBAAyB,CAMjC,kCAIQ,eAAiB,CAUjB,uBAAyB,CCrFjC,iCACE,wBAAoC,CAKpC,mBAAqB,CAErB,mBAAqB,CAGvB,wBACE,YAAa,CACb,cAAe,CAGjB,+BAIE,cAAe,CAGjB,wBACE,eAAiB,CACjB,4BAAwB,CAAxB,uBAGU,CAGZ,gDALE,wBAAyB,CACzB,QAAS,CACT,SAMU,CClCZ,kBACE,wBAAyB,CACzB,eAAgB,CAKhB,mBAAqB,CAErB,mBAAqB,CAGvB,kBACE,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAJlB,wBAOI,wBAAyB,CAI7B,oBACE,wBAAyB,CAG3B,uBACE,wBAAyB,CAG3B,sBACE,eAAiB,CChCnB,gBACE,wBAAoC,CACpC,iBAAkB,CAClB,kBAAmB,CACnB,eAAgB,CAKhB,mBAAqB,CAErB,mBAAqB,CAGvB,iBACE,cAAe,CADjB,uBAII,wBAAyB,CAI7B,mBACE,wBAAmC,CAGrC,sBACE,wBAAyB,CAG3B,oBACE,UAAqB,CAGvB,oBACE,YAAuB,CAGzB,sBACE,UAAmB,CAGrB,0BACE,SAAqB","file":"index.css","sourcesContent":[".information {\n  background-color: rgb(242, 242, 242);\n\n  padding-top: 0.2rem;\n  padding-bottom: 0.2rem;\n  padding-left: 0.4rem;\n  padding-right: 0.4rem;\n\n  margin-bottom: 0.2rem;\n}\n\n.dl {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.container {\n  margin-right: 7px;\n  margin-left: 7px;\n  margin-bottom: 2px;\n  margin-top: 2px;\n}\n\n.dt {\n  font-weight: bold;\n  font-variant: small-caps;\n  text-transform: lowercase;\n  margin: 0;\n  padding: 0;\n}\n\n.dd {\n  text-transform: lowercase;\n  margin: 0;\n  padding: 0;\n}\n",".annotators {\n  background-color: rgb(242, 242, 242);\n\n  padding-top: 0.2rem;\n  padding-bottom: 0.2rem;\n  padding-left: 0.4rem;\n  padding-right: 0.4rem;\n\n  margin-bottom: 0.2rem;\n}\n\n.dl {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.container {\n  margin-right: 7px;\n  margin-left: 7px;\n  margin-bottom: 2px;\n  margin-top: 2px;\n}\n\n.dt {\n  font-weight: bold;\n  font-variant: small-caps;\n  text-transform: lowercase;\n  margin: 0;\n  padding: 0;\n}\n\n.dd {\n  text-transform: lowercase;\n  margin: 0;\n  padding: 0;\n}\n",".button {\n  background-color: #8f8f8f;\n  color: #ffffff;\n  font-size: 1rem;\n  width: 100%;\n\n  display: flex;\n  justify-content: space-between;\n  border: none;\n  cursor: pointer;\n\n  padding-bottom: 0.5rem;\n  padding-top: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n\n  margin-bottom: 0.2rem;\n}\n\n.button:hover {\n  background-color: #707070;\n}\n\n.right {\n  font-weight: bold;\n}\n",".graph {\n  background-color: #f2f2f2;\n  cursor: grab;\n  width: 100%;\n\n  margin-bottom: 0.2rem;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  path {\n    stroke: #333;\n    stroke-width : 0.5px;\n    fill: none;\n  }\n\n  text {\n    fill: #222;\n    font-family: sans-serif;\n  }\n\n  :global {\n    .nodes {\n      fill: none;\n    }\n\n    .edgeLabels {\n      text {\n        font-size: 0.8rem;\n      }\n    }\n  }\n}\n\n.node {\n  :global {\n    .label {\n      div {\n        font-size: 1.1rem;\n        font-weight: 420;\n        cursor: pointer;\n\n        &:hover {\n          background-color: #5bc8dc;\n        }\n      }\n    }\n  }\n}\n\n.active {\n  :global {\n    .label {\n      div {\n        background-color: #f6d918;\n      }\n    }\n  }\n}\n\n.highlight {\n  :global {\n    .label {\n      div {\n        background-color: #98eb09;\n      }\n    }\n  }\n}\n\n.elliptic {\n  :global {\n    .label {\n      div {\n        font-size: 0.7rem;\n\n        // There is an issue when the `font-size` of a `div` within a\n        // `foreignObject` is less than `1rem`. When this happens, Dagre-d3\n        // calculates the correct height for the `div`, but it is not\n        // vertically centered. This results in the bottom of the `div` being\n        // cut off. I'm not sure if this problem is in Dagre-d3 or the way\n        // browsers render SVGs. Whatever the case, setting the `display` to\n        // `table` fixes the issue. Other values for `display` either don't fix\n        // the issue or break the rendering of the graph in other ways.\n        display: table !important;\n      }\n    }\n  }\n}\n",".information {\n  background-color: rgb(242, 242, 242);\n\n  padding-top: 0.2rem;\n  padding-bottom: 0.2rem;\n  padding-left: 0.4rem;\n  padding-right: 0.4rem;\n\n  margin-bottom: 0.2rem;\n}\n\n.dl {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n.container {\n  margin-right: 7px;\n  margin-left: 7px;\n  margin-bottom: 2px;\n  margin-top: 2px;\n}\n\n.dt {\n  font-weight: bold;\n  font-variant: small-caps;\n  text-transform: lowercase;\n  margin: 0;\n  padding: 0;\n}\n\n.dd {\n  text-transform: lowercase;\n  margin: 0;\n  padding: 0;\n}\n",".text {\n  background-color: #f2f2f2;\n  text-align: left;\n\n  padding-top: 0.2rem;\n  padding-bottom: 0.2rem;\n  padding-left: 0.6rem;\n  padding-right: 0.6rem;\n\n  margin-bottom: 0.2rem;\n}\n\n.word {\n  cursor: pointer;\n  padding-left: 1px;\n  padding-right: 1px;\n  font-weight: 450;\n\n  &:hover {\n    background-color: #5bc8dc;\n  }\n}\n\n.active {\n  background-color: #f6d918;\n}\n\n.highlight {\n  background-color: #98eb09;\n}\n\n.elliptic {\n  font-size: 0.7rem;\n}\n",".xml {\n  background-color: rgb(242, 242, 242);\n  overflow-x: scroll;\n  white-space: nowrap;\n  text-align: left;\n\n  padding-top: 0.2rem;\n  padding-bottom: 0.2rem;\n  padding-left: 0.4rem;\n  padding-right: 0.4rem;\n\n  margin-bottom: 0.2rem;\n}\n\n.word {\n  cursor: pointer;\n\n  &:hover {\n    background-color: #5BC8DC;\n  }\n}\n\n.active {\n  background-color: rgb(246, 217, 24);\n}\n\n.highlight {\n  background-color: #98eb09;\n}\n\n.bracket {\n  color: rgb(0, 0, 255);\n}\n\n.element {\n  color: rgb(128, 0, 128);\n}\n\n.attribute {\n  color: rgb(0, 0, 0);\n}\n\n.attributeText {\n  color: rgb(255, 0, 0);\n}\n"]}