{"version":3,"file":"static/css/main.d7a973d2.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAEY,CAHZ,QAMF,CAEA,KACE,uEAEF,CCVA,KACE,YAAa,CACb,qBAEF,CAEA,YAGE,qBAAuB,CACvB,cAAe,CAFf,gBAAiB,CADjB,eAIF,CAEA,WASE,aAAS,CART,YAAa,CAQb,QAAS,CAPT,iIAI+B,CAC/B,6BAA8B,CAC9B,uBAAwB,CAGxB,WAAY,CADZ,YAEF,CAEA,UACE,kBAEF,CAEA,cACE,sBAEF,CAEA,mBACE,2BAEF,CAEA,0BACE,yBAEF,CAEA,eACE,uBAAwB,CAExB,UACF,CAEA,WAEE,WAAY,CADZ,YAEF,CC1DA,mBAKI,wBAAyB,CACzB,iBAAkB,CAClB,8BAAwC,CACxC,YAAa,CACb,qBAAsB,CANtB,QAAS,CACT,YAMF,CACA,OACE,eAEF,CACA,gCAFE,iBAIF,CACA,kCACE,kBACF,CAEA,oEAEE,UACF,CACA,4BACE,WACF,CAEA,4BACE,YAAa,CAEb,QAAS,CADT,6BAEF,CAEA,mCACE,QACF,CCtCF,qBAEI,YAAa,CACb,kBAAmB,CAFnB,WAGF,CCJF,KAGE,YAAa,CAFb,iBAAkB,CAClB,WAEF,CAEA,UACE,aAAc,CACd,mBACF,CAEA,8CACE,UACE,2CACF,CACF,CAEA,YAKE,kBAAmB,CAJnB,wBAAyB,CAOzB,UAAY,CALZ,YAAa,CACb,qBAAsB,CAGtB,4BAA6B,CAD7B,sBAAuB,CAJvB,gBAOF,CAEA,UACE,aACF,CAEA,yBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CACA,iBACE,iBACF,CAEA,cAEE,WAAY,CADZ,UAEF,CAEA,eAEE,cAAe,CADf,cAEF","sources":["index.css","App.css","Elements/ElementContainer.css","Elements/SmilesComponent.css","Elements/MolecularForm.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","/* App.css */\n\n.App {\n display: flex;\n flex-direction: column;\n height: 100vh;\n}\n\n.App-header {\n text-align: left;\n padding: 5px 10px;\n border: 1px solid black;\n font-size: 16px;\n}\n\n.container {\n display: grid;\n grid-template-areas: \n \"chemdraw controlpanel\"\n \"chemdraw fragmentcomponent\"\n \"chemdraw generateanalogs\"\n \"molecularform molecularform\";\n grid-template-columns: 2fr 1fr;\n grid-template-rows: auto;\n gap: 10px;\n padding: 10px;\n height: 100%;\n}\n\n.ChemDraw {\n grid-area: chemdraw;\n \n}\n\n.ControlPanel {\n grid-area: controlpanel;\n \n}\n\n.FragmentComponent {\n grid-area: fragmentcomponent;\n \n}\n\n.GenerateAnalogsComponent {\n grid-area: generateanalogs;\n \n}\n\n.MolecularForm {\n grid-area: molecularform;\n \n width: 100%;\n}\n\n#ifKetcher {\n outline: none;\n border: none;\n}\n",".element-container {\n \n \n gap: 10px;\n padding: 20px;\n background-color: #f9f9f9;\n border-radius: 8px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n display: flex; \n flex-direction: column; \n }\n .title {\n font-weight: bold;\n margin-bottom: 5px;\n }\n .element-container label {\n margin-bottom: 5px;\n }\n .element-container .ant-form-item {\n margin-bottom: 10px;\n }\n \n .element-container .ant-input-number,\n .element-container .ant-slider {\n width: 100%;\n }\n .element-container textarea {\n resize: none;\n }\n\n .button-group-control-panel{\n display: flex;\n justify-content: space-between;\n gap: 10px;\n }\n \n .button-group-control-panel button {\n flex: 1;\n }\n",".SmilesComponent img {\n width: 200px;\n height: 200px;\n object-fit: contain; /* 保持内容的纵横比,不会拉伸图片 */\n }\n ",".App {\n text-align: center;\n width: 100vw;\n height: 100vh;\n}\n\n.App-logo {\n height: 40vmin;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .App-logo {\n animation: App-logo-spin infinite 20s linear;\n }\n}\n\n.App-header {\n background-color: #282c34;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n font-size: calc(10px + 2vmin);\n color: white;\n}\n\n.App-link {\n color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n.SmilesComponent {\n text-align: center; \n}\n\n.smiles-image {\n width: 70px; \n height: auto; \n}\n\n.smiles-string {\n margin-top: 8px;\n font-size: 14px; \n}\n"],"names":[],"sourceRoot":""}