.CO2 path,.CO2.markerCircle,path.CO2{stroke:#825}.methane path,.methane.markerCircle,path.methane{stroke:#173}.N2O path,.N2O.markerCircle,path.N2O{stroke:#da6e5d}.ozone path,.ozone.markerCircle,path.ozone{stroke:#993}.water path,.water.markerCircle,path.water{stroke:#4a9}.cfc12 path,.cfc12.markerCircle,path.cfc12{stroke:#328}.blackbody path,.blackbody.markerCircle,path.blackbody{stroke:#111}#appletContainer{min-width:65%}#infoContainer,.menuBar{max-width:100%}#controlsContainer{display:flex;flex-flow:row-wrap}#walkthroughControls{width:50%}#middle{width:100%;display:flex;flex-direction:column}#mainGraph{display:flex;flex-direction:column}.buttonColumn{display:flex;flex-direction:row;flex-wrap:wrap}.sourceInput:checked+.sourceSelector{background-image:radial-gradient(rgba(255,255,255,1),rgba(255,255,255,.6),rgba(255,255,255,0));filter:none}.sourceSelectInput:checked+.sourceSelector{background-image:radial-gradient(rgba(255,255,255,1),rgba(255,255,255,.6),rgba(255,255,255,0));filter:none}.sourceSelectInput:disabled{filter:blur(5px)}.sourceLabel{display:inline-block}.sourceInput:focus~.sourceSelector,.sourceLabel:hover .sourceSelector,.sourceReset:focus,.sourceReset:hover,.sourceSelectLabel:hover .sourceSelector{box-shadow:#03b9aa 0 0 10px 0;cursor:pointer}.sourceReset{background-color:#fff;border-radius:2em;border-width:1px;flex:0 0 auto;margin-left:1em;float:right;padding:.75em}.sourceSelector{background-image:radial-gradient(rgba(255,255,255,1),rgba(250,250,250,1),rgba(230,230,230,1));display:inline-block;filter:grayscale(100%);border-radius:.5em;margin:.5em;margin-left:.75em;margin-right:.75em;padding:.5em}.sourceSelector>img{height:35px;pointer-events:none;width:35px}input[type=radio].sourceSelectInput{transition:all .3s;box-sizing:border-box;display:none}input[type=image]{height:35px;width:35px;display:inline-block;margin:.5em;margin-left:.75em;margin-right:.75em;padding:.5em}#graphContainer{background-color:#fff}.markerCircle{fill:#000;stroke-width:3}#switchButtons{float:right}#selectButtons{float:left}.line{fill:none;stroke-width:1}#sliders{width:50%}#modeControl{flex-grow:1}svg{width:100%;position:relative}#modeControl{display:flex}.darkMode .markerCircle{fill:#d2d2d2}.darkMode #slopeLine{stroke:#d2d2d2}