gesara-entity-viz/static/css/main.ffef2fb8.css.map

{"version":3,"file":"static/css/main.ffef2fb8.css","mappings":"oGAMA,MACE,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,6BAA8B,CAC9B,+BAAgC,CAChC,mCAAoC,CACpC,mBAAoB,CACpB,mBAAoB,CACpB,oBAAqB,CACrB,mBACF,CAMA,KAEE,eAAiB,CADjB,kCAAsC,CAEtC,cAAgB,CAChB,eACF,CACA,MAEE,sBACF,CACA,GACE,eAAgB,CAChB,QACF,CACA,KACE,uBACF,CACA,EACE,oBACF,CACA,QACE,UAA6B,CAA7B,4BACF,CAMA,KACE,QAAS,CACT,SACF,CACA,MAEE,YAAa,CACb,iBAAkB,CAFlB,WAGF,CACA,2BAGE,OAAQ,CADR,iBAEF,CACA,UAEE,UAA4B,CAA5B,2BAA4B,CAC5B,QAA0B,CAA1B,yBAA0B,CAF1B,iBAGF,CACA,aAOE,sBAAuB,CAFvB,YAAa,CACb,qBAAsB,CAFtB,MAAO,CAIP,6BAAuE,CAAvE,oEAAuE,CACvE,WAA6B,CAA7B,4BAA6B,CAP7B,iBAAkB,CAClB,KAAM,CAFN,SASF,CACA,gBACE,eACF,CACA,gCAGE,oBAAoC,CAApC,mCAAoC,CADpC,QAEF,CACA,QAEE,QAAS,CAGT,6BAAkD,CAAlD,+CAAkD,CAClD,eAAgB,CAChB,WAA6B,CAA7B,4BAA6B,CAN7B,iBAAkB,CAElB,OAAQ,CAKR,oBAAqB,CAJrB,WAKF,CACA,oBACE,SACF,CACA,0BACE,sBACF,CACA,0BACE,qBAA6B,CAA7B,4BAA6B,CAC7B,kBACF,CAMA,eASE,eAAiB,CACjB,WAAY,CAJZ,iBAAmC,CAAnC,kCAAmC,CACnC,yBAAyB,CAAzB,wBAAyB,CACzB,UAAY,CAKZ,cAAe,CAZf,aAAc,CAEd,eAAgB,CAEhB,UAAW,CAOX,eAAiB,CADjB,YAAa,CATb,iBAAkB,CAElB,SAUF,CACA,qBACE,UAAuB,CAAvB,sBACF,CACA,iBAEE,OAAQ,CACR,QAAS,CAFT,iBAAkB,CAGlB,OAAQ,CACR,sCAAgC,CAAhC,8BACF,CAEA,WACE,eAAiB,CAEjB,qBAAuB,CAEvB,iBAAmC,CAAnC,kCAAmC,CAHnC,UAAY,CAOZ,cAAe,CADf,2BAA6B,CAD7B,aAAc,CAHd,YAAa,CAEb,iBAIF,CACA,iBACE,UAA6B,CAA7B,4BACF,CACA,aACE,uBACF,CACA,SACE,YAAa,CACb,6BACF,CAEA,GACE,eAAgB,CAChB,SACF,CACA,MACE,eACF,CACA,YACE,UAAuB,CAAvB,sBACF,CACA,YACE,cAAgB,CAChB,uBACF,CACA,eACE,cACF,CAMA,OACE,eAAiB,CAEjB,iBAAmC,CAAnC,kCAAmC,CACnC,yBAAyB,CAAzB,wBAAyB,CAFzB,WAGF,CACA,wBACE,kBACF,CACA,iBAYE,kBAAmB,CAVnB,eAAiB,CACjB,qBAAuB,CACvB,iBAAmC,CAAnC,kCAAmC,CAMnC,cAAe,CACf,YAAa,CAVb,WAAY,CAIZ,eAAgB,CAChB,UAAW,CAOX,sBAAuB,CAJvB,SAAU,CADV,iBAAkB,CADlB,SAOF,CACA,uBACE,UAA6B,CAA7B,4BACF,CAEA,kCACE,YACF,CACA,sDACE,UAAuB,CAAvB,sBACF,CACA,8DACE,+BACF,CACA,mBAGE,cAAe,CAFf,YAAa,CACb,kBAEF,CACA,yBACE,UAA6B,CAA7B,4BACF,CACA,2BAQE,qBAAkC,CAAlC,iCAAkC,CAClC,uBAA2B,CAE3B,2BAA4B,CAD5B,qBAAsB,CAItB,qBAAkC,CAAlC,iCAAkC,CATlC,mBAAoB,CAEpB,qBAAsB,CALtB,oBAAqB,CADrB,aAAc,CAGd,YAAa,CAQb,iBAAmB,CACnB,2BAA6B,CAA7B,4BAA6B,CAP7B,qBAAsB,CAHtB,WAYF,CACA,+BACE,WACF,CACA,wBAEE,eAA6B,CAA7B,4BAA6B,CAC7B,UAAW,CACX,kBAAoB,CAHpB,iBAIF,CACA,oCAKE,eAA4B,CAA5B,2BAA4B,CAD5B,WAAY,CADZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAIN,2BAA6B,CAA7B,4BACF,CAMA,gBACE,iBACF,CACA,mCAIE,WAAY,CAEZ,iBAAmC,CAAnC,kCAAmC,CAHnC,yBAAyB,CAAzB,wBAAyB,CAMzB,2BAA6B,CAC7B,aAAc,CARd,UAAW,CAKX,kBAAoB,CAFpB,YAAa,CAGb,uBAAwB,CAPxB,UAUF,CACA,sBAGE,UAAW,CAEX,QAAS,CAJT,iBAAkB,CAGlB,OAAQ,CAFR,SAIF,CAMA,4BACE,0EAEE,YACF,CAEA,kCAKE,oBAAoC,CAApC,mCAAoC,CAHpC,OAAQ,CACR,eAAgB,CAFhB,iBAAkB,CAGlB,oBAEF,CACA,qEAEE,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAEhB,kBAAmB,CADnB,eAAgB,CAEhB,UACF,CACA,qCACE,eAAiB,CAEjB,cAAe,CADf,8BAAmD,CAAnD,gDAEF,CACA,iDACE,iBAAkB,CAElB,SAA2B,CAA3B,0BAA2B,CAD3B,OAAyB,CAAzB,wBAEF,CACF,CACA,yBACE,0CAEE,sBACF,CACF,CC3UA,4BACE,GACE,qDAFF,CAIA,GACE,uDAFF,CACF,CAJA,oBACE,GACE,qDAFF,CAIA,GACE,uDAFF,CACF,CAKA,8cAIE,qBAAsB,CACtB,sCAA2C,CAH3C,WAda,CAeb,gBAfa,CAab,UACF,CAIE,+fAWE,qBAAsB,CAHtB,uBAA2B,CAE3B,2BAA4B,CAD5B,mBAAoB,CAPpB,WAAY,CADZ,aAAc,CAKd,WAxBW,CAyBX,gBAzBW,CAqBX,QAAS,CACT,SAAU,CACV,UAIJ,CAGI,yiBACE,qBADN,CAMA,mBAIE,eAAgB,CADhB,iBAFF,CAKE,0DALA,WAAY,CACZ,UAGF,CAME,yCAGE,+BAAoC,CACpC,iBAAkB,CAHlB,iBAAkB,CAClB,YAFJ,CAMI,sDACE,UArDsB,CAsDtB,SAJN,CAOI,qDACE,UA1DsB,CA2DtB,QALN,CAQI,mDAEE,SAhEsB,CA+DtB,OALN,CASI,kDAEE,QArEsB,CAoEtB,OANN,CAUI,qDACE,0BAA2B,CAC3B,2BARN,CAUI,oDACE,6BAA8B,CAC9B,8BARN,CAaM,yFACE,wsBAXR,CAgBM,qFACE,gnBAdR,CAmBM,sFACE,gdAjBR,CAuBM,wFACE,49BArBR,CA0BM,0FACE,g+BAxBR,CAgCQ,iGACE,icACA,mBA9BV,CA+BU,uGASE,uFAAwC,CADxC,6jCAPA,UAAW,CAEX,aAAc,CAEd,WA9HG,CAgIH,MAAO,CALP,iBAAkB,CAIlB,KAAM,CAFN,UAxBZ,CAmCQ,iGACE,wcAjCV,CAuCM,mEACE,UArCR","sources":["styles.css","../react-sigma-v2/src/assets/index.scss"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Lora&family=Public+Sans:ital@0;1&display=swap\");\n\n/**\n * VARIABLES:\n * **********\n */\n:root {\n  --ruby: #e22653;\n  --grey: #999;\n  --dark-grey: #666;\n  --light-grey: #ccc;\n  --cream: #f9f7ed;\n  --transparent-white: #ffffffcc;\n  --transition: all ease-out 300ms;\n  --shadow: 0 1px 5px var(--dark-grey);\n  --hover-opacity: 0.7;\n  --stage-padding: 8px;\n  --panels-width: 350px;\n  --border-radius: 3px;\n}\n\n/**\n * BASE STYLES:\n * ************\n */\nbody {\n  font-family: \"Public Sans\", sans-serif;\n  background: white;\n  font-size: 0.9em;\n  overflow: hidden;\n}\nh1,\nh2 {\n  font-family: Lora, serif;\n}\nh2 {\n  font-size: 1.3em;\n  margin: 0;\n}\nh2 > * {\n  vertical-align: text-top;\n}\na {\n  color: black !important;\n}\na:hover {\n  opacity: var(--hover-opacity);\n}\n\n/**\n * LAYOUT:\n * *******\n */\nbody {\n  margin: 0;\n  padding: 0;\n}\n#root {\n  width: 100vw;\n  height: 100vh;\n  position: relative;\n}\n#app-root,\n.sigma-container {\n  position: absolute;\n  inset: 0;\n}\n.controls {\n  position: absolute;\n  bottom: var(--stage-padding);\n  left: var(--stage-padding);\n}\n.graph-title {\n  z-index: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-width: calc(100vw - var(--panels-width) - 3 * var(--stage-padding));\n  padding: var(--stage-padding);\n}\n.graph-title h1 {\n  font-size: 1.8em;\n}\n.graph-title h1,\n.graph-title h2 {\n  margin: 0;\n  background: var(--transparent-white);\n}\n.panels {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 350px;\n  max-height: calc(100vh - 2 * var(--stage-padding));\n  overflow-y: auto;\n  padding: var(--stage-padding);\n  scrollbar-width: thin;\n}\n::-webkit-scrollbar {\n  width: 5px;\n}\n::-webkit-scrollbar-track {\n  background: transparent;\n}\n::-webkit-scrollbar-thumb {\n  background-color: var(--grey);\n  border: transparent;\n}\n\n/**\n * USEFUL CLASSES:\n * ***************\n */\ndiv.ico > button {\n  display: block;\n  position: relative;\n  font-size: 1.8em;\n  width: 2em;\n  height: 2em;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow);\n  color: black;\n  background: white;\n  border: none;\n  outline: none;\n  margin-top: 0.2em;\n  cursor: pointer;\n}\ndiv.ico > button:hover {\n  color: var(--dark-grey);\n}\ndiv.ico > button > * {\n  position: absolute;\n  inset: 0;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\nbutton.btn {\n  background: white;\n  color: black;\n  border: 1px solid black;\n  outline: none;\n  border-radius: var(--border-radius);\n  padding: 0.3em 0.5em;\n  font-size: 1em;\n  font-family: Lato, sans-serif;\n  cursor: pointer;\n}\nbutton.btn:hover {\n  opacity: var(--hover-opacity);\n}\nbutton.btn > * {\n  vertical-align: baseline;\n}\n.buttons {\n  display: flex;\n  justify-content: space-between;\n}\n\nul {\n  list-style: none;\n  padding: 0;\n}\nul > li {\n  margin-top: 0.2em;\n}\n.text-muted {\n  color: var(--dark-grey);\n}\n.text-small {\n  font-size: 0.7em;\n  vertical-align: baseline;\n}\n.mouse-pointer {\n  cursor: pointer;\n}\n\n/**\n * CAPTIONS PANELS:\n * ****************\n */\n.panel {\n  background: white;\n  padding: 1em;\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow);\n}\n.panel:not(:last-child) {\n  margin-bottom: 0.5em;\n}\n.panel h2 button {\n  float: right;\n  background: white;\n  border: 1px solid black;\n  border-radius: var(--border-radius);\n  font-size: 1.2em;\n  height: 1em;\n  width: 1em;\n  text-align: center;\n  padding: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.panel h2 button:hover {\n  opacity: var(--hover-opacity);\n}\n\n.caption-row input[type=\"checkbox\"] {\n  display: none;\n}\n.caption-row input[type=\"checkbox\"]:not(:checked) + label {\n  color: var(--dark-grey);\n}\n.caption-row input[type=\"checkbox\"]:not(:checked) + label .circle {\n  background-color: white !important;\n}\n.caption-row label {\n  display: flex;\n  flex-direction: row;\n  cursor: pointer;\n}\n.caption-row label:hover {\n  opacity: var(--hover-opacity);\n}\n.caption-row label .circle {\n  flex-shrink: 0;\n  display: inline-block;\n  width: 1.2em;\n  height: 1.2em;\n  border-radius: 1.2em;\n  vertical-align: middle;\n  box-sizing: border-box;\n  background-color: var(--dark-grey);\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  margin-right: 0.2em;\n  transition: var(--transition);\n  border: 3px solid var(--dark-grey);\n}\n.caption-row label .node-label {\n  flex-grow: 1;\n}\n.caption-row label .bar {\n  position: relative;\n  background: var(--light-grey);\n  height: 3px;\n  margin-bottom: 0.2em;\n}\n.caption-row label .bar .inside-bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  background: var(--dark-grey);\n  transition: var(--transition);\n}\n\n/**\n * SEARCH FIELD:\n * *************\n */\n.search-wrapper {\n  position: relative;\n}\n.search-wrapper > input[type=\"search\"] {\n  width: calc(100%);\n  height: 3em;\n  box-shadow: var(--shadow);\n  border: none;\n  outline: none;\n  border-radius: var(--border-radius);\n  margin-bottom: 0.5em;\n  padding: 1em 1em 1em 3em;\n  font-family: Lato, sans-serif;\n  font-size: 1em;\n}\n.search-wrapper > .icon {\n  position: absolute;\n  width: 1em;\n  height: 1em;\n  top: 1em;\n  left: 1em;\n}\n\n/**\n * RESPONSIVENESS:\n * ***************\n */\n@media (max-width: 767.98px) {\n  #app-root:not(.show-contents) .contents,\n  #app-root.show-contents .controls {\n    display: none;\n  }\n\n  #app-root.show-contents .contents {\n    position: absolute;\n    inset: 0;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    background: var(--transparent-white);\n  }\n  #app-root.show-contents .graph-title,\n  #app-root.show-contents .panels {\n    height: auto;\n    max-height: unset;\n    max-width: unset;\n    position: static;\n    overflow-y: visible;\n    width: auto;\n  }\n  #app-root.show-contents .graph-title {\n    background: white;\n    padding-right: calc(3em + 2 * var(--stage-padding));\n    min-height: 3em;\n  }\n  #app-root.show-contents .contents .hide-contents {\n    position: absolute;\n    top: var(--stage-padding);\n    right: var(--stage-padding);\n  }\n}\n@media (min-width: 768px) {\n  button.show-contents,\n  button.hide-contents {\n    display: none !important;\n  }\n}\n","$control-size: 30px;\n$container-position-margin: 5px;\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.react-sigma-control-btn {\n  width: $control-size;\n  height: $control-size;\n  line-height: $control-size;\n  background-color: #fff;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n  > button {\n    display: block;\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: $control-size;\n    height: $control-size;\n    line-height: $control-size;\n    background-position: center;\n    background-size: 50%;\n    background-repeat: no-repeat;\n    background-color: #fff;\n    &:hover {\n      background-color: #eee;\n    }\n  }\n}\n\ndiv.react-sigma-v2 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  background: #fff;\n\n  div.sigma-container {\n    height: 100%;\n    width: 100%;\n  }\n\n  .react-sigma-controls {\n    position: absolute;\n    z-index: 1000;\n    border: 2px solid rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n\n    &.bottom-right {\n      bottom: $container-position-margin;\n      right: $container-position-margin;\n    }\n\n    &.bottom-left {\n      bottom: $container-position-margin;\n      left: $container-position-margin;\n    }\n\n    &.top-right {\n      top: $container-position-margin;\n      right: $container-position-margin;\n    }\n\n    &.top-left {\n      top: $container-position-margin;\n      left: $container-position-margin;\n    }\n\n    &:first-child {\n      border-top-left-radius: 2px;\n      border-top-right-radius: 2px;\n    }\n    &:last-child {\n      border-bottom-left-radius: 2px;\n      border-bottom-right-radius: 2px;\n    }\n\n    .react-sigma-control-zoom-center {\n      @extend .react-sigma-control-btn;\n      > button.default {\n        background-image: url(\"./icons/dot-circle-regular.svg?encoding=base64\");\n      }\n    }\n    .react-sigma-control-zoom-in {\n      @extend .react-sigma-control-btn;\n      > button.default {\n        background-image: url(\"./icons/plus-solid.svg?encoding=base64\");\n      }\n    }\n    .react-sigma-control-zoom-out {\n      @extend .react-sigma-control-btn;\n      > button.default {\n        background-image: url(\"./icons/minus-solid.svg?encoding=base64\");\n      }\n    }\n\n    .react-sigma-control-fullscreen {\n      @extend .react-sigma-control-btn;\n      > button.default {\n        background-image: url(\"./icons/expand-solid.svg?encoding=base64\");\n      }\n    }\n    .react-sigma-control-normalscreen {\n      @extend .react-sigma-control-btn;\n      > button.default {\n        background-image: url(\"./icons/compress-solid.svg?encoding=base64\");\n      }\n    }\n\n    .react-sigma-control-forceatlas2 {\n      @extend .react-sigma-control-btn;\n\n      &.running {\n        > button.default {\n          background-image: url(\"./icons/stop-solid.svg?encoding=base64\");\n          background-size: 40%;\n          &:after {\n            content: \"\";\n            position: relative;\n            display: block;\n            width: $control-size;\n            height: $control-size;\n            top: 0;\n            left: 0;\n            background-image: url(\"./icons/spinner-solid.svg?encoding=base64\");\n            animation: rotation 1.2s linear infinite;\n          }\n        }\n      }\n\n      &.stopped {\n        > button.default {\n          background-image: url(\"./icons/play-solid.svg?encoding=base64\");\n        }\n      }\n    }\n\n    .react-sigma-search {\n      input {\n        width: 100%;\n      }\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}