input[type=range]{-webkit-appearance:none;border:1px solid #fff;width:98%;padding:0 0;margin-right:0}input[type=range]::-webkit-slider-runnable-track{width:98%;height:.75rem;background:#818181;border:none;border-radius:.3rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:.1em solid #000;height:1rem;width:1rem;border-radius:50%;background:#e6e6e6;margin-top:-.1666666667rem}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#818181}input[type=range]::-moz-range-track{width:98%;height:.75rem;background:#818181;border:none;border-radius:.3rem}input[type=range]::-moz-range-thumb{border:.1em solid #000;height:1rem;width:1rem;border-radius:50%;background:#e6e6e6}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]::-ms-track{width:98%;height:.75rem;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-width:6px 0;color:rgba(0,0,0,0)}input[type=range]::-ms-fill-lower{background:#818181;border-radius:10px}input[type=range]::-ms-fill-upper{background:#818181;border-radius:10px}input[type=range]::-ms-thumb{border:.1em solid #000;height:1rem;width:1rem;border-radius:50%;background:#e6e6e6}input[type=range]:focus::-ms-fill-lower{background:#818181}input[type=range]:focus::-ms-fill-upper{background:#818181}.visualization-control.slider label{float:left;text-align:left;padding:0 .5em 0 0}.visualization-control.slider input[type=number]{float:right;width:5em;margin:0 0 0 .5em}.visualization-control.slider .slider-container{overflow:hidden;display:block}.visualization-control.slider input[type=range]{width:100%}.visualization-control.select{width:100%}.visualization-control.select label{float:left;text-align:left;padding:0 .5em 0 0}.visualization-control.select .select-container{overflow:hidden;display:block}.visualization-control.select .select-container select{width:100%}.visualization-control.check label{margin-left:.5em;cursor:pointer}button{background:#e8e8e8;border:none;color:#000;padding:.3em .7em .3em .7em;box-shadow:.1em .1em .1em hsl(0,0%,70%);cursor:pointer;cursor:hand;border-left:.1em solid #f8f8f8;border-top:.1em solid #f8f8f8;text-align:center;text-decoration:none;display:inline-block}button:hover{background:hsl(0,0%,83.9803921569%)}button:disabled,button:disabled:hover{color:#5a5a5a;background:#cdcdcd;cursor:default;border-left:.1em solid #e8e8e8;border-top:.1em solid #e8e8e8}.figure,figure{margin:2em auto;box-shadow:.05em .05em .6em 0 hsl(0,0%,50%);background:#fafafa;line-height:100%;overflow:hidden;max-width:40em}.figure img,figure img{width:100%;height:auto;max-height:26.67em}.figure .figure-title,.figure figcaption,figure .figure-title,figure figcaption{padding:.45em .5em .45em .5em;background:hsl(0,0%,90%);box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.figure .figure-title .visualization-instructions,.figure figcaption .visualization-instructions,figure .figure-title .visualization-instructions,figure figcaption .visualization-instructions{font-size:smaller}.figure .visualizations,.figure .side-by-side,figure .visualizations,figure .side-by-side{width:100%;display:flex;flex-flow:row nowrap;overflow:hidden;align-items:center;justify-content:center}.figure .visualizations .img-container,.figure .side-by-side .img-container,figure .visualizations .img-container,figure .side-by-side .img-container{flex-grow:1;width:100%;display:flex;flex-flow:row nowrap;overflow:hidden;align-items:center;justify-content:center}.figure .visualization,figure .visualization{flex-grow:1;width:100%;height:100%;overflow:hidden;background-color:#505050}.figure .visualization canvas,figure .visualization canvas{height:100%}.figure .visualization .vis-not-available,figure .visualization .vis-not-available{color:#fff;position:absolute;top:0;width:100%;text-align:center;margin-top:2em}.figure .selected-color,figure .selected-color{padding:.5em .5em .5em .5em;color:#000;text-shadow:-0.1em 0 0 #fff,0 -0.1em 0 #fff,.1em 0 0 #fff,0 .1em 0 #fff;background-color:#fff;border:.1em solid #000}.figure .aspect-ratio-preserver,figure .aspect-ratio-preserver{position:relative}.figure .aspect-ratio-preserver img.aspect-ratio,figure .aspect-ratio-preserver img.aspect-ratio{display:block;width:100%;height:auto;max-height:none}.figure .aspect-ratio-preserver>.aspect-ratio-preservee,.figure .aspect-ratio-preserver>canvas,figure .aspect-ratio-preserver>.aspect-ratio-preservee,figure .aspect-ratio-preserver>canvas{position:absolute;top:0;left:0;width:100%;height:100%}.fullscreen-figure{margin:0;width:100%;height:100%;max-width:100%;background-color:#fff;display:flex}.fullscreen-figure img.aspect-ratio{visibility:hidden;width:0;height:0}@media(orientation: landscape){.fullscreen-figure{flex-flow:row nowrap}}@media(orientation: portrait){.fullscreen-figure{flex-flow:column nowrap}}.fullscreen-figure .figure-details{background-color:#fff;overflow:auto;height:auto;max-width:50em;margin-left:auto;margin-right:auto;box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.fullscreen-figure .aspect-ratio-preserver{position:static;padding-top:0;width:100%;flex-grow:1}.fullscreen-figure .aspect-ratio-preserver>.aspect-ratio-preservee,.fullscreen-figure .aspect-ratio-preserver>canvas{position:static;height:100%;top:auto;left:auto;width:100%}.fullscreen-button{text-decoration:underline;float:right;cursor:hand;cursor:pointer}.figure:fullscreen{margin:0;width:100%;height:100%;max-width:100%;background-color:#fff;display:flex}.figure:fullscreen img.aspect-ratio{visibility:hidden;width:0;height:0}@media(orientation: landscape){.figure:fullscreen{flex-flow:row nowrap}}@media(orientation: portrait){.figure:fullscreen{flex-flow:column nowrap}}.figure:fullscreen .figure-details{background-color:#fff;overflow:auto;height:auto;max-width:50em;margin-left:auto;margin-right:auto;box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.figure:fullscreen .aspect-ratio-preserver{position:static;padding-top:0;width:100%;flex-grow:1}.figure:fullscreen .aspect-ratio-preserver>.aspect-ratio-preservee,.figure:fullscreen .aspect-ratio-preserver>canvas{position:static;height:100%;top:auto;left:auto;width:100%}.figure:-webkit-full-screen{margin:0;width:100%;height:100%;max-width:100%;background-color:#fff;display:flex}.figure:-webkit-full-screen img.aspect-ratio{visibility:hidden;width:0;height:0}@media(orientation: landscape){.figure:-webkit-full-screen{flex-flow:row nowrap}}@media(orientation: portrait){.figure:-webkit-full-screen{flex-flow:column nowrap}}.figure:-webkit-full-screen .figure-details{background-color:#fff;overflow:auto;height:auto;max-width:50em;margin-left:auto;margin-right:auto;box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.figure:-webkit-full-screen .aspect-ratio-preserver{position:static;padding-top:0;width:100%;flex-grow:1}.figure:-webkit-full-screen .aspect-ratio-preserver>.aspect-ratio-preservee,.figure:-webkit-full-screen .aspect-ratio-preserver>canvas{position:static;height:100%;top:auto;left:auto;width:100%}.figure:-moz-full-screen{margin:0;width:100%;height:100%;max-width:100%;background-color:#fff;display:flex}.figure:-moz-full-screen img.aspect-ratio{visibility:hidden;width:0;height:0}@media(orientation: landscape){.figure:-moz-full-screen{flex-flow:row nowrap}}@media(orientation: portrait){.figure:-moz-full-screen{flex-flow:column nowrap}}.figure:-moz-full-screen .figure-details{background-color:#fff;overflow:auto;height:auto;max-width:50em;margin-left:auto;margin-right:auto;box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.figure:-moz-full-screen .aspect-ratio-preserver{position:static;padding-top:0;width:100%;flex-grow:1}.figure:-moz-full-screen .aspect-ratio-preserver>.aspect-ratio-preservee,.figure:-moz-full-screen .aspect-ratio-preserver>canvas{position:static;height:100%;top:auto;left:auto;width:100%}.figure:-ms-fullscreen{margin:0;width:100%;height:100%;max-width:100%;background-color:#fff;display:flex}.figure:-ms-fullscreen img.aspect-ratio{visibility:hidden;width:0;height:0}@media(orientation: landscape){.figure:-ms-fullscreen{flex-flow:row nowrap}}@media(orientation: portrait){.figure:-ms-fullscreen{flex-flow:column nowrap}}.figure:-ms-fullscreen .figure-details{background-color:#fff;overflow:auto;height:auto;max-width:50em;margin-left:auto;margin-right:auto;box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.figure:-ms-fullscreen .aspect-ratio-preserver{position:static;padding-top:0;width:100%;flex-grow:1}.figure:-ms-fullscreen .aspect-ratio-preserver>.aspect-ratio-preservee,.figure:-ms-fullscreen .aspect-ratio-preserver>canvas{position:static;height:100%;top:auto;left:auto;width:100%}.visualization-controls,.visualization-controls-advanced{padding:.3em .5em}.visualization-controls .visualization-control,.visualization-controls-advanced .visualization-control{padding:.5em 0 .5em 0}.visualization-controls .visualization-controls-group,.visualization-controls-advanced .visualization-controls-group{margin-bottom:1em}.visualization-controls .visualization-controls-group:last-child,.visualization-controls-advanced .visualization-controls-group:last-child{margin-bottom:0}.visualization-controls .visualization-controls-system-header,.visualization-controls-advanced .visualization-controls-system-header{font-size:1em;margin:.5em 0 0 0}.visualization-controls table.controls-table,.visualization-controls-advanced table.controls-table{width:100%;border:none;border-collapse:collapse}.visualization-controls table.controls-table td.shrink,.visualization-controls-advanced table.controls-table td.shrink{white-space:nowrap}.visualization-controls table.controls-table td.expand,.visualization-controls-advanced table.controls-table td.expand{width:100%}.visualization-controls-advanced-toggle{margin:0;padding:.45em .5em .45em .5em;background:hsl(0,0%,92%);box-shadow:0 .05em .15em 0 hsl(0,0%,50%);cursor:hand;cursor:pointer;font-size:1em}.visualization-controls-advanced-toggle .text{font-weight:normal;text-decoration:underline}.visualization-controls-advanced-toggle .arrow{display:inline-block;-webkit-transform-origin:33% 50%;-moz-transform-origin:33% 50%;-o-transform-origin:33% 50%;transform-origin:33% 50%;text-decoration:none;-webkit-transition:all .3s;transition:all .3s}.visualization-controls-advanced-toggle .arrow-rotated{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .3s;transition:all .3s}.figref a:link,.figref a:visited,.tabref a:link,.tabref a:visited,.eqref a:link,.eqref a:visited{text-decoration:none;color:hsl(0,0%,30%)}.figref a:hover,.tabref a:hover,.eqref a:hover{text-decoration:underline;color:hsl(0,0%,50%)}.tab{margin:2em 0}.exercise{margin:2em auto;box-shadow:.05em .05em .6em 0 hsl(0,0%,50%);background:#fafafa;line-height:100%;overflow:hidden;max-width:40em}.exercise img{width:100%;height:auto;max-height:26.67em}.exercise .figure-title,.exercise figcaption{padding:.45em .5em .45em .5em;background:hsl(0,0%,90%);box-shadow:0 .05em .15em 0 hsl(0,0%,50%)}.exercise .figure-title .visualization-instructions,.exercise figcaption .visualization-instructions{font-size:smaller}.exercise .visualizations,.exercise .side-by-side{width:100%;display:flex;flex-flow:row nowrap;overflow:hidden;align-items:center;justify-content:center}.exercise .visualizations .img-container,.exercise .side-by-side .img-container{flex-grow:1;width:100%;display:flex;flex-flow:row nowrap;overflow:hidden;align-items:center;justify-content:center}.exercise .visualization{flex-grow:1;width:100%;height:100%;overflow:hidden;background-color:#505050}.exercise .visualization canvas{height:100%}.exercise .visualization .vis-not-available{color:#fff;position:absolute;top:0;width:100%;text-align:center;margin-top:2em}.exercise .selected-color{padding:.5em .5em .5em .5em;color:#000;text-shadow:-0.1em 0 0 #fff,0 -0.1em 0 #fff,.1em 0 0 #fff,0 .1em 0 #fff;background-color:#fff;border:.1em solid #000}.exercise .aspect-ratio-preserver{position:relative}.exercise .aspect-ratio-preserver img.aspect-ratio{display:block;width:100%;height:auto;max-height:none}.exercise .aspect-ratio-preserver>.aspect-ratio-preservee,.exercise .aspect-ratio-preserver>canvas{position:absolute;top:0;left:0;width:100%;height:100%}.exercise h2,.exercise h3{margin:.5em .5em .75em .5em}.exercise table.exercise-results,.exercise table.options-table,.exercise table.add-task-controls{margin:.45em .5em .45em .5em}.exercise table.exercise-results th,.exercise table.options-table th,.exercise table.add-task-controls th{text-align:left;padding-top:.5em}.exercise table.exercise-results td:first-child,.exercise table.options-table td:first-child,.exercise table.add-task-controls td:first-child{padding-right:1em}.exercise table.exercise-results td:last-child,.exercise table.options-table td:last-child,.exercise table.add-task-controls td:last-child{padding-right:0}@media(min-width: 30em){.exercise table.exercise-results td.shrink,.exercise table.options-table td.shrink,.exercise table.add-task-controls td.shrink{white-space:nowrap}.exercise table.exercise-results td.expand,.exercise table.options-table td.expand,.exercise table.add-task-controls td.expand{width:100%}}.exercise table.exercise-results .option-explanation,.exercise table.options-table .option-explanation,.exercise table.add-task-controls .option-explanation{color:#333;font-size:80%}.exercise table.exercise-results .controls-table,.exercise table.options-table .controls-table,.exercise table.add-task-controls .controls-table{width:100%}.exercise table.exercise-results .controls-table td:first-child,.exercise table.options-table .controls-table td:first-child,.exercise table.add-task-controls .controls-table td:first-child{padding-right:0;padding-left:0}.exercise table.exercise-results .controls-table td:last-child,.exercise table.options-table .controls-table td:last-child,.exercise table.add-task-controls .controls-table td:last-child{padding-right:0}.exercise .exercise-button-bar{padding:.45em .5em .45em .5em;background:hsl(0,0%,90%);overflow:hidden}.exercise .exercise-button-bar button{float:right;margin-left:.5em}.exercise .exercise-button-bar:not(:last-child){box-shadow:0 .05em .15em .05em hsl(0,0%,75%)}.exercise .exercise-button-bar.left-to-right button{float:left}.exercise .exercise-button-bar.left-to-right button:first-child{margin-left:0}.exercise .exercise-feedback{padding:.45em .5em .45em .5em}.exercise .exercise-feedback em{font-weight:bold}.exercise .exercise-feedback.wrong{color:red}.exercise .exercise-feedback.correct{color:green}.exercise .color-matching-target,.exercise .color-matching-current{height:5em;width:50%;box-sizing:border-box;display:inline-block;border:.1em solid #000}.exercise .color-matching-current{border-left-width:0}.exercise .exercise-hints-label{display:block;margin:.5em auto .5em auto;text-align:center;font-weight:bold;color:#878787}.exercise .exercise-hints-label .hint{padding:0 1em}.exercise .exercise-hints-label .hint.active{color:#000}.exercise .color-selection-patches{display:-webkit-flex;-webkit-flex-flow:row wrap;display:flex;flex-flow:row wrap;align-items:center;justify-content:center}.exercise .color-selection-patches .color-selection-patch{cursor:hand;cursor:pointer}.exercise .color-selection-patch{width:5em;height:5em;border:.1em solid #000;margin:.3em;background:linear-gradient(red, yellow)}.exercise .color-conversion-selection-options{display:-webkit-flex;-webkit-flex-flow:column;display:flex;flex-flow:column;padding:.45em .5em .45em .5em}.exercise .color-conversion-selection-options .color-conversion-selection-option{cursor:hand;cursor:pointer;margin:.3em 0}.exercise .color-conversion-selection-options .color-conversion-selection-option .color-patch{display:inline-block;width:1.3em;height:1.3em;border:.1em solid #000;margin-right:.5em;margin-bottom:-0.3em}.exercise tbody.sub-table{box-shadow:0 .05em .15em .05em hsl(0,0%,75%)}.exercise tbody.sub-table .exercise-configurator-task-item-header{font-weight:bold;font-size:120%;padding-top:.5em;padding-bottom:.5em}.exercise tbody.sub-table .exercise-configurator-task-item-footer{padding-bottom:.5em}.exercise tbody.sub-table td:first-child{padding-left:.25em}.exercise tbody.sub-table td:last-child{padding-right:.25em}.exercise .separator{min-height:.5em;height:.5em}.exercise tbody:last-child .separator{min-height:0}.login-error{color:red}form .field{padding:.2em 0}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background:#333;overflow-x:hidden;transition:.5s;color:hsl(0,0%,65%)}.sidenav ul{list-style-type:none;padding:.25em .5em 0 .75em}.sidenav ul li{margin-top:1em}.sidenav ul li ul>li{margin-top:.25em}.sidenav ul li>ul{list-style-type:disc;padding-left:1em}.sidenav [aria-current=page]{color:#ccc}.sidenav [aria-current=page]:before{content:"►";margin-right:.25em}.sidenav a{text-decoration:none;display:block;transition:.15s;color:#fff}.sidenav a:hover,.sidenav a:focus{color:hsl(0,0%,75%)}.sidenav .closebtn{position:absolute;top:0;right:.2em;font-size:350%;margin-left:0}@media screen and (min-width: 54em){.sidenav{width:13em;box-shadow:0 0 .6em 0 #000}.sidenav .closebtn{display:none}}.sidenav.open{width:13em;box-shadow:0 0 .6em 0 #000}@media screen and (min-width: 54em){.main-container{transition:margin-left .5s;margin-left:13em}}.topnav{background:#333;margin:0;padding:0;width:100%}@media screen and (min-width: 54em){.topnav{display:none}}.menu-button{padding:.25em .5em;font-size:150%;display:inline-block;cursor:pointer}.menu-button div{width:1em;height:.1428571429em;background-color:#fff;margin:.2em 0;transition:.4s}.menu-button:hover div,.menu-button:focus div{background-color:hsl(0,0%,75%)}html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{height:100%;background-color:#fff}@media screen and (min-width: 54em){body{padding-left:.5em;padding-right:.5em}}main{padding:.5em;margin-left:auto;margin-right:auto}main section{line-height:175%}main section .eqn{width:100%;overflow-x:auto;overflow-y:hidden}main .bibliography a{word-wrap:break-word}main .overview{display:-webkit-flex;-webkit-flex-flow:row wrap;display:flex;flex-flow:row wrap}main .overview a.overview-item{flex-grow:1;box-shadow:.05em .05em .6em 0 hsl(0,0%,65%);width:20em;margin:.25em;color:#000;font-weight:normal;text-decoration:none;transition:box-shadow .25s}main .overview a.overview-item h2{margin-top:.5em;font-size:125%}main .overview a.overview-item img{float:left;width:auto;height:10em;margin-right:.5em}main .overview a.overview-item:hover{box-shadow:.05em .05em .6em 0 hsl(0,0%,25%)}@media screen and (min-width: 54em){main{max-width:60em;padding:1em}}.main-container{position:relative;padding-bottom:6rem;min-height:100%}footer{color:hsl(0,0%,50%);position:absolute;right:0;bottom:0;left:0;padding:1rem;text-align:center}footer .separator{margin:0 .5em}footer a:link,footer a:visited{text-decoration:none;color:hsl(0,0%,35%)}footer a:hover{color:hsl(0,0%,15%)}footer a.license img{height:1.1em;margin-bottom:-0.2em;filter:contrast(50%) brightness(175%)}footer a.license:hover img{filter:contrast(50%) brightness(130%)}h1{color:#000}h2{margin-top:2em}
/*# sourceMappingURL=./color-main.css.map */