#main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-bottom:10px}#ad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:250px;overflow:hidden;margin-left:30px}#ad-label{color:#323232;font-size:1.2em;text-align:center}body.dark #ad-label{color:#969696}#image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;min-height:200px;margin-bottom:1em}#load-progress{display:block;position:absolute;font-size:1.4em}#plot{max-width:100%}#missing-image{font-size:2em}@media only screen and (max-width:1500px){#main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}#ad{width:100%;max-width:1200px;margin-left:0;margin-top:20px}}@media only screen and (max-width:550px){body{font-size:75%}}#bottom-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:900px;height:45px;margin-bottom:1em}#slider-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:2;-ms-flex:2 1 auto;flex:2 1 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%;margin:auto 1em auto 0;outline:0}#slider-container input:focus{outline:0}#slider{display:block;visibility:visible;width:100%}.animation-button{background-color:#f0f0f0;width:4em}#animation-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;height:100%}#next{margin-right:1em}.animation-button>svg{width:auto;height:auto;max-width:70%;max-height:100%}.animation-button>svg path:not([fill=none]){fill:#000}body.dark .animation-button>svg path:not([fill=none]){fill:#f0f0f0}#pause-icon,#play-icon{display:none}#pause,#play{margin:0 .5em}#slower{margin-right:5px}@media only screen and (max-width:1000px){#bottom-controls{height:35px}.animation-button{width:3.5em}}@media only screen and (max-width:600px){#bottom-controls{height:25px}.animation-button{width:2em}.animation-button>svg{max-width:100%;max-height:100%}}#row2-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;position:relative;margin-top:.5em}.settings-button{background-color:transparent}.settings-button>svg{height:100%}.settings-button>svg>path:not([fill=none]){fill:#787878}body.dark .settings-button>svg>path:not([fill=none]){fill:#b4b4b4}.settings-button:hover>svg>path:not([fill=none]){fill:#141414;-webkit-transition-duration:.2s;transition-duration:.2s}body.dark .settings-button:hover>svg>path:not([fill=none]){fill:#f0f0f0;-webkit-transition-duration:.2s;transition-duration:.2s}#settingsButton{height:100%;position:relative}#settingsPage{min-width:300px;max-width:750px}.setting{margin-bottom:2em}#settingsPage input{vertical-align:middle}input[type=checkbox]{margin-right:3px}#save-settings-button{height:2em;color:#000;background-color:#c8c8c8;font-weight:400;font-size:2em}#numframes{width:5em;height:2em;margin-right:1em;text-align:center}#product-menu,#region-menu{height:100%;margin-left:1em}#product-menu>select,#region-menu>select{height:100%;width:100%;font-size:1.8em}#ksButton{height:100%;position:relative;margin-left:.5em}#keyboardShortcuts{min-width:230px;max-width:750px}#keyList{list-style-type:none;padding:0;margin:0}#keyList>.key-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#keyList>.key-item:not(:first-of-type),#keyList>.mouse-item:not(:first-of-type){margin:1em 0}.keyLabel{margin-left:1em}#keyList>.mouse-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mouse-gesture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2em;color:#646464;padding:.2em .4em;border:2px solid #646464;border-radius:.5em}.mouse-gesture>svg{width:1em;height:auto;max-width:100%;max-height:100%;margin-right:.3em}.mouse-gesture>svg>path:not([fill=none]){fill:#787878}@media only screen and (max-width:1000px){#ksButton{display:none}#row2-buttons{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (max-width:800px){#row2-buttons{height:40px}.settings-button{width:40px}#product-menu>select,#region-menu>select{font-size:1.3em}}@media only screen and (max-width:500px){#row2-buttons{height:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.settings-button{width:30px}#product-menu,#region-menu{max-width:150px;margin-left:.5em}#product-menu>select,#region-menu>select{font-size:1em}}#GIF-button{height:100%;color:#143250;background-color:#39a1f4;font-weight:400;font-size:1.8em;margin-left:.5em}#GIF{width:90vw;max-width:750px;height:auto}#GIF-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;white-space:nowrap}.GIF-input-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3em;margin:.5em 1em;position:relative;font-size:1.2em}.GIF-input{height:100%;text-align:center;-moz-text-align-last:center;text-align-last:center;padding:0;margin:.5em 1em;border:1px inset #c8c8c8}#GIF-fps,#GIF-numframes{width:6em}#GIF-skip{width:4em}#GIF-submit{min-height:2.5em}#GIF label{max-width:5em}#GIF-submit-container{display:inline-block;position:relative;max-width:70px;font-size:1em;margin:.5em 1em}.submit{height:100%;margin:0;padding:.3em;border:1px outset #c8c8c8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#ddd));background-image:linear-gradient(to bottom,#f7f7f7,#ddd)}.submit:active{background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#f7f7f7));background-image:linear-gradient(to bottom,#ddd,#f7f7f7)}.submit:hover{border:1px outset #646464}@media only screen and (max-width:700px){#GIF-button{font-size:1em}}.popup{display:none;width:50%;max-height:60vh;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#f0f0f0;z-index:20;padding:5px;border-radius:5px;-webkit-box-shadow:0 0 15em 100em rgba(0,0,0,.4);box-shadow:0 0 15em 100em rgba(0,0,0,.4);overflow-y:auto}.popup-underlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10}.popup-title{font-size:2.5em;font-weight:700;color:#323232;margin:.5em 0}.popup-subtitle{font-size:1em;font-weight:400;color:#323232}.popup-close{position:absolute;top:5px;right:5px;font-size:4em;color:#646464;line-height:50%;text-decoration:none;z-index:30}.popup-close:hover{color:#323232}.keyShortcut{display:inline-block;text-align:center;padding:0 .15em;min-width:2em;line-height:2em;background-color:#fff;font-size:1.5em;border-radius:.2em;border:.15em outset #c8c8c8}.notice-good{font-size:1.5em;color:#008232}.notice-bad{font-size:1.5em;color:#c80000}@media only screen and (max-width:1000px){.notice-bad,.notice-good{font-size:1em}}#pageinfo{font-size:.8em;padding-left:5px}#terms-of-use-header{font-size:1.6em;font-weight:700;color:#323232;margin-bottom:.5em}body.dark #terms-of-use-header{color:#c0cdd8}#terms-of-use{list-style-position:inside}#terms-of-use>li{margin:.5em 0}hr{background-color:#9a9a9a;height:1px;border:0}@media only screen and (max-width:1500px){#pageinfo{padding-left:10px}}