{"version":3,"sources":["webpack://src/index.css","webpack://src/App.scss"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCTA,gBAGE,WAAA,CACA,QAAA,CAEF,QACE,UAAA,CACA,WAAA,CACA,WAEE,iBAAA,CAGJ,cACE,UAAA,CAEF,gBACE,eAAA,CACA,wBAAA,CACA,WAAA,CACA,wBAtBgB,CAuBhB,qBAAA,CACA,YAzBY,CA0BZ,mBACE,YAAA,CAEF,4BACE,wBAAA,CACA,kBAAA,CACA,YAAA,CACA,qCACE,WAAA,CACA,2CAEE,UADO,CAEP,WAFO,CAGP,iBAAA,CACA,OAAA,CAKR,kBAEE,qBAAA,CACA,wBAAA,CACA,aAAA,CACA,UAAA,CAEF,WACE,wBAAA,CACA,YAAA,CACA,iBAAA,CAEF,mBAIE,WAAA,CACA,eAAA,CACA,WAhEa,CAiEb,wBANc,CAOd,aAAA,CAEA,8BACE,UAAA,CACA,oCACE,UAAA,CACA,WALW,CAMX,qBAAA,CAOE,oKACE,oBAAA,CAAA,YAAA,CAEF,8DAEE,WADS,CAGX,+DACE,UAAA,CAKR,8BACE,UAAA,CACA,WAAA,CACA,cAAA,CACA,kBAAA,CAEA,6CACE,wBAzCU,CA0CV,8BAAA,CAAA,sBAAA,CAEF,oCACE,wBAAA,CAEF,sCACE,wBA/CW,CAgDX,4CACE,wBAAA,CAGJ,gCACE,YAAA,CACA,QAAA,CAEF,yCACE,eAAA,CAKN,eACE,uBAAA,CACA,iBAAA,CACA,WAAA","file":"main.e9fe24f4.chunk.css","sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n","$sidebarWidth: 400px;\n$bodyPadding: 10px;\n$backgroundColor: antiquewhite;\n#root,\nbody,\nhtml {\n  height: 100%;\n  margin: 0px;\n}\n#header {\n  width: 100%;\n  height: 50px;\n  h1 {\n    margin: 0px;\n    margin-left: 10px;\n  }\n}\n#translator > * {\n  float: left;\n}\n.TranslatorBody {\n  overflow-y: auto;\n  width: calc(100% - #{$sidebarWidth});\n  height: 100%;\n  background-color: $backgroundColor;\n  box-sizing: border-box;\n  padding: $bodyPadding;\n  h2 {\n    margin-top: 0px;\n  }\n  .suggestion {\n    background-color: darken($color: $backgroundColor, $amount: 5);\n    border-radius: 10px;\n    padding: 10px;\n    .approve {\n      float: right;\n      input {\n        $size: 20px;\n        width: $size;\n        height: $size;\n        position: relative;\n        top: 3px;\n      }\n    }\n  }\n}\n.code p,\nspan.code {\n  font-family: monospace;\n  background-color: lightgray;\n  line-height: 1;\n  margin: 1px;\n}\n.codeBlock {\n  background-color: lightgray;\n  padding: 10px;\n  border-radius: 5px;\n}\n.TranslatorSidebar {\n  $normalColor: lightblue;\n  $warningColor: rgb(238, 238, 111);\n\n  height: 100%;\n  max-height: 100%;\n  width: $sidebarWidth;\n  background-color: $normalColor;\n  overflow: auto;\n  $searchHeight: 40px;\n  #filterBar {\n    width: 100%;\n    input {\n      width: 100%;\n      height: $searchHeight;\n      box-sizing: border-box;\n    }\n    .settingContainer {\n      display: flex;\n      .setting {\n        display: flex;\n\n        > * {\n          display: flex;\n        }\n        span {\n          $margin: 10px;\n          margin: $margin;\n        }\n        input {\n          width: 25px;\n        }\n      }\n    }\n  }\n  .menuEntry {\n    width: 100%;\n    height: 40px;\n    cursor: pointer;\n    transition: all 0.1s;\n\n    &:nth-child(odd) {\n      background-color: $normalColor;\n      filter: brightness(97%);\n    }\n    &:hover {\n      background-color: darken($normalColor, 25);\n    }\n    &.warning {\n      background-color: $warningColor;\n      &:hover {\n        background-color: darken($warningColor, 25);\n      }\n    }\n    p {\n      padding: 10px;\n      margin: 0px;\n    }\n    .highlight {\n      font-weight: bold;\n    }\n  }\n}\n// Text input element, used when translating\n.longTextInput {\n  width: calc(100% - #{$bodyPadding});\n  border-radius: 5px;\n  padding: 4px;\n}\n"]}