.nav-area a.item{color:#fff!important}.nav-area a.item:hover{text-decoration:underline}.nav-area .item .header{border-bottom:1px solid #ddd;color:#fff!important;padding-bottom:5px}.nav-area.overlay{background-color:#000000e6!important;position:absolute;width:100vw!important;z-index:9999}@media (max-width:900px){.nav-area{display:none!important}.nav-area.overlay{display:block!important}}.tabs{align-items:center;display:flex;justify-content:center}.tab-btn{background:#eee;border:0;border-left:1px solid #fff;cursor:pointer;display:block;flex:1 1;padding:8px 20px}.tab-indicator-container{background:#eee;display:flex;margin-bottom:10px}.tab-indicator{background:#0e98dd;height:2px;transition:transform .2s}.tab-content{min-height:500px;padding:10px}.knobs,.knobs form{display:flex;flex-wrap:wrap;width:100%}.knobs .ui.labeled.input{margin:5px;width:375px}.knobs .ui.label{width:150px}.nesting-example-1 path{stroke:#222;fill:none}.nesting-example-3 path{fill:none;stroke:#ccc;stroke-width:1.5}.dag path{fill:none;transition:all .2s ease-in-out}.dag path.node{cursor:pointer}.dag path.node.square{fill:#639}.dag path.node.circle{fill:purple}.dag path.node:hover{opacity:.5}.dag text{font-family:monospace;pointer-events:none}.sparkline-path{stroke-dasharray:400%;stroke-dashoffset:400%;animation:dash 5s linear infinite forwards}@keyframes dash{0%{stroke-dashoffset:400%}to{stroke-dashoffset:0}}.bar-graph path{transition:all .5s}.bar-graph text{dominant-baseline:middle;text-anchor:middle;pointer-events:none}.bar-graph .btn{fill:#fff;cursor:pointer}.bar-graph .btn.active{fill:#ccc}.bar-graph .btn.active+text{fill:#639}.bar-graph .btn-text{fill:#222}.bar-graph .btn:hover{fill:#ccc;cursor:pointer}.bar-app-controls{align-items:center;display:flex;height:25px;justify-content:center;padding:10px;width:500px}.football-diagram{border:1px solid #ddd}.field-marker-number{font-family:monospace;font-size:1rem;transform-box:fill-box;transform-origin:center}.football-diagram path{vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision;stroke:#999;stroke-width:1px}:root{--target-dark:#222;--target-high:#20a0c1;--target-low:#1c354f}.rotate45{transform:rotate(45deg);transform-box:fill-box;transform-origin:center}.rotate180{transform:rotate(180deg);transform-box:fill-box;transform-origin:center}.bg-dark{fill:#222;fill:var(--target-dark);background-color:#222;background-color:var(--target-dark)}.line-dark{stroke:#222;stroke:var(--target-dark)}.line-high{stroke:#20a0c1;stroke:var(--target-high);stroke-width:1.5}.thin{stroke:.25}.fill-low{fill:#1c354f;fill:var(--target-low)}svg.clock{stroke:#666;stroke-width:2!important;fill:none}svg.clock text{stroke:none}svg.clock.path{transition:all .1s ease-in-out}path.cell{fill:#cbd5e0;stroke:#fff;stroke-width:2px;cursor:pointer;transition:none}path.cell:hover{stroke:#08d;stroke-width:2px}path.diatomic-nonmetal{fill:#faf089}path.noble-gas{fill:#fbd38d}path.alkali-metal{fill:#feb2b2}path.alkaline-earth-metal{fill:#7f9cf5}path.metalloid{fill:#90cdf4}path.polyatomic-nonmetal{fill:#81e6d9}path.post-transition-metal,path.transition-metal{fill:#9ae6b4}path.lanthanide{fill:#fbb6ce}path.actinide{fill:#d6bcfa}.no-pointer,text{pointer-events:none;-webkit-user-select:none}text.big{font-size:325%;font-weight:700}text.small{font-size:100%}text.middle{dominant-baseline:middle;text-anchor:middle}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.atom{fill:#0000}.atom,.ring{transform-origin:center}.ring{animation-timing-delay:.25s;animation-iteration-count:infinite;animation-name:rotate;animation-timing-function:linear}.no-pointer{pointer-events:none}.pointer{cursor:pointer}.p-gray{stroke:#ddd}.merge-demo path{stroke-width:.5;shape-rendering:geometricPrecision;fill:none}.merge-demo text{fill:blue;font-size:8px}.intro-symbol path{fill:none;stroke:red}.text-path path{stroke:#ccc}.svg-demo-svg path{vector-effect:non-scaling-stroke}:root{--black:#000;--near-black:#111;--dark-gray:#333;--mid-gray:#555;--gray:#777;--silver:#999;--light-silver:#aaa;--moon-gray:#ccc;--light-gray:#eee;--near-white:#f8f8f8;--white:#fff;--transparent:#0000;--black-90:#000000e6;--black-80:#000c;--black-70:#000000b3;--black-60:#0009;--black-50:#00000080;--black-40:#0006;--black-30:#0000004d;--black-20:#0003;--black-10:#0000001a;--black-05:#0000000d;--black-025:rgba(0,0,0,.025);--black-0125:rgba(0,0,0,.013);--white-90:#ffffffe6;--white-80:#fffc;--white-70:#ffffffb3;--white-60:#fff9;--white-50:#ffffff80;--white-40:#fff6;--white-30:#ffffff4d;--white-20:#fff3;--white-10:#ffffff1a;--white-05:#ffffff0d;--white-025:hsla(0,0%,100%,.025);--white-0125:hsla(0,0%,100%,.013);--dark-red:#e7040f;--red:#ff4136;--light-red:#ff725c;--orange:#ff6300;--gold:#ffb700;--yellow:gold;--light-yellow:#fbf1a9;--purple:#5e2ca5;--light-purple:#a463f2;--dark-purple:#639;--dark-pink:#d5008f;--hot-pink:#ff41b4;--pink:#ff80cc;--light-pink:#ffa3d7;--dark-green:#137752;--green:#19a974;--light-green:#9eebcf;--navy:#001b44;--dark-blue:#00449e;--blue:#357edd;--light-blue:#96ccff;--lightest-blue:#cdecff;--washed-blue:#f6fffe;--washed-green:#e8fdf5;--washed-yellow:#fffceb;--washed-red:#ffdfdf;--left-grid-col:220px;--app-header-height:50px;--left-scrollable-height:100vh;--center-scrollable-height:100vh;--nav-area-header-bg:var(--lightest-blue);--nav-area-items-bg:var(--white);--content-area-header-bg:var(--white);--content-area-items-bg:var(--white)}body{background-color:#fff;background-color:var(--white);margin:0;overflow:hidden}.no-focus-outline [role=button]:focus,.no-focus-outline a:focus,.no-focus-outline button:focus,.no-focus-outline div:focus{outline:none}.app-header{align-items:center;background-color:#224367;display:flex;height:50px;justify-content:space-between;padding:5px 20px}.app-main{display:grid;grid-template-columns:220px 1fr;grid-template-columns:var(--left-grid-col) 1fr;grid-template-rows:auto 1fr;height:calc(100vh - 50px);transition:all .1s ease-in-out}.nav-area{background-color:#000!important;border-radius:0!important;border-right:1px solid #ccc;height:calc(100vh - 50px);overflow-y:auto;padding-bottom:15px;padding-top:15px}.content-area,.nav-area{overflow-x:hidden;scroll-behavior:smooth}.content-area{display:flex;flex-direction:column;overflow-y:scroll;padding:10px 10px 25px}.nav-actuator{display:none}.nav-actuator:hover path{stroke:#ff0}@media (max-width:900px){.app-main{grid-template-columns:1fr;grid-template-rows:100vh;height:100%}.content-area{overflow-x:scroll}.nav-actuator{display:block}}svg{background-color:#fff;outline:1px solid #ccc}path.merged{fill:none;stroke-width:1;stroke:#222}.basic-shapes path{shape-rendering:geometricPrecision}.basic-shapes svg,.complex svg{border:0;outline:0}.basic-shapes a,.complex a{display:block;margin-bottom:10px}.complex path{stroke-width:none}li,p{font-size:16px;line-height:1.4;margin-bottom:10px;margin-top:10px}h2{border-bottom:1px solid #ddd;font-size:1.28571429rem;margin-bottom:20px;padding-top:20px}h1{color:#224367;font-size:1.71428571rem;min-height:4rem!important;padding-bottom:15px;padding-left:5px;padding-top:15px}code{background-color:#f8f8f8;display:block;margin:8px 8px 8px 0;padding:8px;unicode-bidi:embed;white-space:pre-wrap}path{shape-rendering:geometricPrecision}.csb-iframe{border:0;border-radius:4px;height:500px;overflow:hidden;width:90%}a:link{color:blue;display:inline-block}a:hover{text-decoration:underline}.flex{display:flex}.inline-flex{display:inline-flex}.flex-auto{flex:1 1 auto;min-height:0;min-width:0}.flex-none{flex:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}
/*# sourceMappingURL=main.8f2912af.css.map*/