:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0 auto;height:100%;width:100%;box-sizing:border-box}.App{display:flex;height:100%}.Divider{width:10px;height:100%}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}.AppLayout{display:flex;height:100vh;width:100vw;overflow:hidden}.AppMenu{height:100%;padding:5px;box-sizing:border-box;border-radius:4px;background-color:var(--AppMenu-background-color, slategray);overflow-y:auto;transition:width .2s ease}.AppMenuStack{gap:3px}.MenuButton{height:36px;min-height:36px;max-height:36px}.MenuButton .Collapsed{flex-grow:0}.MenuButton .MuiButton-icon{margin-left:8px}.MenuGroup{display:flex;flex-direction:column}.MenuGroup .MenuItemsContainer{overflow:hidden;transition:height .3s ease}.MenuGroup.Closed .MenuItemsContainer{height:0px}.MenuGroup .MenuItems{display:flex;flex-direction:column;gap:2px;padding-top:3px}.MenuItem{display:flex;gap:3px}.MenuItem .Indicator{height:36px;width:16px;min-width:16px;max-width:16px;border-radius:3px;background-color:bisque;flex-grow:0;box-sizing:border-box}.MenuItem .Indicator.Collapsed{display:none}.MenuItem>Button{flex-grow:1;white-space:nowrap}.Library{display:flex;height:100%;width:100%;gap:1rem;box-sizing:border-box}.Library .Main{display:block;overflow:auto;flex-grow:0;color:#000;background-color:beige;width:8.5in;min-width:8.5in;height:100vh;box-sizing:border-box}.Library>.Toolkit{position:relative;display:block;overflow:auto;color:#000;background-color:beige;flex-grow:1;height:100vh;box-sizing:border-box}.Library .LandingPage{padding-top:.5in;padding-left:.5in;padding-right:.5in}.Library .LandingPage .Header{font-size:30px;padding-bottom:1rem}.Library .LandingPage .Content .Categories{display:flex;gap:10px}.Library .LandingPage .Content .Categories .Category{height:4rem;width:10rem;border:1px solid black;border-radius:4px}.Library .ChemistryPage .Main{padding-top:.5in;padding-left:.5in;padding-right:.5in}.Library .ChemistryPage .Main .Header{font-size:30px;padding-bottom:1rem}.Documentation{display:flex;height:100%;box-sizing:border-box}.Documentation>.Content{display:block;color:#000;height:100vh;overflow:auto;width:8.5in;background-color:beige}.Documentation>.Content>.Header{background-color:bisque;padding-right:1rem;padding-left:1rem;box-sizing:border-box;min-height:2.4rem;display:flex;align-items:center}.Documentation>.Content>.BodyContainer{padding-left:.5in;padding-right:.5in;padding-bottom:1in}.Documentation>.Content>.BodyContainer>.Body{width:7.5in}.markdown-root{overflow:hidden}.markdown-table{border-collapse:collapse;margin-left:auto;margin-right:auto}.markdown-table th,.markdown-table td{border:1px solid #000000;padding:8px}.markdown-table th{background-color:#b8cbe1;font-weight:700;text-align:left}.Library .MathematicsPage .Main{padding-top:.5in;padding-left:.5in;padding-right:.5in}.Library .MathematicsPage .Main .Header{font-size:30px;padding-bottom:1rem}.PeriodicTableContainer{position:relative;margin-top:1rem;margin-bottom:1rem}.PeriodicTableWorkspaceContainer{border:1px solid;position:absolute}.PeriodicTableWorkspace{box-sizing:border-box}.Element{display:flex;flex-direction:column;align-items:center;padding-left:8px;padding-right:8px;cursor:pointer;box-sizing:border-box;border:1px solid;border-radius:6px;overflow:hidden;-webkit-user-select:none;user-select:none}.Element.Selected{outline:2px solid red;border-radius:0}.Element:hover{background-color:#6464ae}.ElementSymbol{flex-grow:0;font-weight:700}.ElementAtomicNumber{flex-grow:1;text-align:right}.ElementName{text-align:center;font-size:small;width:100%;overflow:hidden;text-overflow:ellipsis}.ElementWeight{-webkit-user-select:all;user-select:all}.ElementInformation{display:block}.ElementInformation .Header{display:flex}.ElementInformation .AtomicNumber{display:flex;align-items:center;justify-content:center;background-color:gray;width:3rem;height:3rem;font-size:x-large;flex-grow:0}.ElementInformation .Symbol{padding-left:.5rem;display:flex;align-items:center;height:3rem;font-size:xx-large;transform:translateY(-2px);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.ElementInformation .Name{padding-left:.5rem;display:flex;align-items:center;height:3rem;font-size:xx-large;width:15rem;flex-grow:0;transform:translateY(-2px)}.ElementInformation .ElectronConfiguration{display:flex;flex-grow:1;height:3rem;font-size:x-large;align-items:center;justify-content:right;padding-right:1rem}.ElementInformation .Body{display:flex;color:#fff}.ElementInformation .Table{display:table;table-layout:fixed;width:100%}.ElementInformation .Table .LabelCell{display:table-cell}.ElementInformation .Table .ValueCell{display:table-cell;text-align:right}.ElementInformation .Table .UnitsCell{display:table-cell}.ElementInformation .Table .Label{display:block;white-space:nowrap;padding-right:.5rem;text-align:right}.ElementInformation .Table .Value{white-space:nowrap}.ElementInformation .Table .Units{padding-left:.5rem;white-space:nowrap}.ElementInformation .Body .Panel_0{display:flex;flex-direction:column;background-color:#2b2b4d;width:12rem;padding-right:.5rem}.ElementInformation .Body .Panel_0 .LabelCell{width:2.5rem}.ElementInformation .Body .Panel_0 .ValueCell{width:4rem}.ElementInformation .Body .Panel_0 .UnitsCell{width:5.5rem}.ElementInformation .Body .Panel_1{display:flex;width:8rem;background-color:#355c65}.ElementInformation .Body .Panel_1 .LabelCell{width:2.5rem}.ElementInformation .Body .Panel_1 .ValueCell{width:3.5rem}.ElementInformation .Body .Panel_1 .UnitsCell{width:2rem}.ElementInformation .Body .Panel_2{display:flex;width:10rem;background-color:#295b3f}.ElementInformation .Body .Panel_2 .Family{text-transform:capitalize}.MoleculeBuilderContainer{width:100%;height:100vh}.MoleculeBuilder{display:flex;width:100%;height:100%}.MoleculeBuilder .Tools{display:flex;flex-direction:column;flex-grow:0;width:20rem;border:1px solid}.Selected{stroke:#bc0606;fill:none;stroke-width:2;opacity:1;pointer-events:all}.MoleculeBuilder .Workspace{display:flex;flex-direction:column;flex-grow:1;background-color:#fff;color:#000;margin-right:3rem}.MoleculeBuilder .Workspace .ToolbarContainer{top:0;left:0;right:0;height:4rem;position:absolute;box-sizing:border-box;z-index:1}.MoleculeBuilder .Workspace .ToolbarContainer .Toolbar{display:flex;height:100%;position:relative;padding:.5rem;z-index:1}.MoleculeBuilder .Workspace .ToolbarContainer .ToolbarContent{height:100%;width:100%;border:1px solid;background-color:gray;z-index:1;display:flex;align-items:center;gap:1rem;padding-left:.5rem;padding-right:.5rem}.MoleculeBuilder .Workspace .ToolbarContainer .ToolbarContent .ZoomTextField{display:flex;width:4rem;flex-grow:0}.MoleculeBuilder .Workspace .ToolbarContainer .ToolbarContent .Filler{flex-grow:1}.MoleculeBuilder .WorkspaceContainer{position:relative;flex-grow:1;margin-right:.5rem}.MoleculeBuilder .Workspace{position:relative;height:100%;width:100%;z-index:0}.MoleculeBuilder .WorkspaceOverflow{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.MoleculeBuilder .WorkspaceContent{z-index:0;position:absolute}.MoleculeBuilder .Tools{background-color:#d3d3d3;color:#000}.MoleculeBuilder .Tools .ToolsPanel{height:100%;display:flex;flex-direction:column}.MoleculeBuilder .Tools .ToolsPanel .SelectedToolContainer{position:relative;flex-grow:1}.MoleculeBuilder .Tools .ToolsPanel .SelectedTool{position:absolute;top:0;left:0;right:0;bottom:0}.ElementPanel{display:flex;flex-direction:column;position:relative;height:100%}.ElementPanel .CategorySelect{flex-grow:0;padding:1rem}.ElementPanel .Category{flex-grow:1;position:relative}.ElementPanel .CategoryContainer{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto}.ElementPanel .SelectedCategoryContainer .SelectedCategory{display:flex;flex-direction:column;gap:3rem;height:100%;padding-left:1rem;padding-right:1rem}.ElementPanel .SelectedCategoryContainer .SelectedCategory .ElementGroup{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.5rem}.ElementPanel .SelectedCategoryContainer .SelectedCategory .ElementGroup .Element{min-height:4rem;width:4rem;justify-content:center;align-items:center;text-align:center}.Burette{position:relative;width:120px;display:inline-flex;flex-direction:column;align-items:center;--stroke: #222;--glassA: #dfe8ff;--glassB: #f6f8ff;--fluid: #3aa0ff;--fluidEnd: rgba(58, 160, 255, .8);--label: #222;--font: 12px/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}.Burette__neck{height:16px;width:100px;top:0;position:absolute;margin:0 auto;background-color:var(--glassB);border:1px solid var(--stroke);border-radius:4px}.Burette__tube{width:92px;padding:10px 0;border:1px solid var(--stroke);border-radius:0 0 16px 16px;background:linear-gradient(90deg,var(--glassA),var(--glassB),var(--glassA));box-sizing:border-box}.Burette__interior{display:relative;border:1px solid var(--stroke);border-bottom-left-radius:12px;border-bottom-right-radius:12px;background:#fff6;margin:0 auto;width:64px;overflow:hidden}.Burette__interior-spacer{height:30px}.Burette__well{position:relative;height:500px;width:100%;margin:0 auto}.Burette__well-bottom{height:30px;background-color:var(--fluidEnd)}.Burette__ticks{position:relative;height:100%;top:0;right:0;bottom:0;left:0;z-index:1}.Burette__tick{position:absolute;left:0;width:100%}.Burette__tick-line{border-top:1px solid var(--stroke);width:50%}.Burette__tick-line[data-major="0"]{width:16px}.Burette__tick-label{transform:translate(40%,6px);font:var(--font);color:var(--label)}.Burette__fluid{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--fluid),var(--fluidEnd));border-top-left-radius:5px;border-top-right-radius:5px;transition:height .24s ease}.Burette__start{position:absolute;top:50px;width:100%;height:1px;border-top:2px dashed red;z-index:2}.Burette__meniscus{position:absolute;left:6px;right:6px;top:-2px;height:8px;border-top-left-radius:50% 100%;border-top-right-radius:50% 100%;box-shadow:0 -1px 2px #00000040 inset}.Burette__cock-container{position:relative;display:flex;justify-content:center;width:100%;height:100px;z-index:0}.Burette__cock{position:absolute;top:-12px;height:100px}.Burette__cock-barrel{position:relative;height:70px;width:14px;max-width:14px;border-left:1px solid var(--stroke);border-right:1px solid var(--stroke);margin:0 auto;background-color:var(--glassA)}.Burette__cock-shaft{position:absolute;top:0;left:2px;width:10px;height:90px;border-left:1px solid var(--stroke);border-right:1px solid var(--stroke);border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin:0 auto;background-color:var(--fluidEnd)}.Burette__cock-tip{position:absolute;width:100%;height:30px;border:1px solid var(--stroke);border-top:0px;box-sizing:border-box;border-bottom-left-radius:100%;border-bottom-right-radius:100%;background-color:var(--glassA)}.Burette__cock-handle{position:absolute;top:30px;width:30px;height:22px;border:1px solid var(--stroke);background:#e8ecf7;border-radius:6px}.Burette__cock-handle--left{left:10px}.Burette__cock-handle--right{right:10px}.AppView{flex:1;height:100vh;width:100%;border-radius:4px;background-color:var(--AppView-background-color, #e2e2e2);color:#000}
