From 70288fc69f517fd8a45cdaff555ef8d748e00943 Mon Sep 17 00:00:00 2001 From: Lukas Bachschwell Date: Sun, 24 Mar 2019 16:15:30 +0100 Subject: [PATCH] Hide tabsnav on :empty --- README.md | 4 +- data/css/style.css | 144 ++++++++++++++++++++--------------------- data/css/style.min.css | 2 +- src/dataStyleCSS.h | 4 +- 4 files changed, 75 insertions(+), 79 deletions(-) diff --git a/README.md b/README.md index 2721bdb..f0c14ea 100644 --- a/README.md +++ b/README.md @@ -25,8 +25,8 @@ THIS IS THE 2.0.0 development branch **Roadmap for 2.0.0:** - ArduinoJSON 6.10.0 Support ✅ -- Tabs by @eringerli ISSUE #45 - - remove black line without tabs +- Tabs by @eringerli ISSUE #45 ✅ + - remove black line without tabs ✅ - API changes by @eringerli - less updateCotrol functions - proper wrappers for all create/update actions diff --git a/data/css/style.css b/data/css/style.css index 2d56a1d..74f2f49 100644 --- a/data/css/style.css +++ b/data/css/style.css @@ -12,19 +12,19 @@ } .card { - margin-top:2%; - border-radius:6px; - box-shadow:0 4px 4px rgba(204,197,185,0.5); - padding-left:20px; - padding-right:20px; - margin-bottom:10px; - min-width:500px; - color:#fff + margin-top: 2%; + border-radius: 6px; + box-shadow: 0 4px 4px rgba(204, 197, 185, 0.5); + padding-left: 20px; + padding-right: 20px; + margin-bottom: 10px; + min-width: 500px; + color: #fff; } -@media(max-width:630px) { +@media (max-width: 630px) { .card { - min-width:98%; + min-width: 98%; } } @@ -904,15 +904,15 @@ body div > ul.navigation { border-bottom: 3px solid #666; overflow: hidden; } - ul.navigation li { +ul.navigation li { list-style: none; float: left; margin-right: 4px; } - ul.navigation li.controls { +ul.navigation li.controls { float: right; } - ul.navigation li a { +ul.navigation li a { font-weight: bold; display: inline-block; padding: 6px 12px; @@ -920,101 +920,97 @@ body div > ul.navigation { outline: 0; text-decoration: none; background: #f3f3f3; - background: -webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4)); - background: -moz-linear-gradient(#eee,#e4e4e4); - background: linear-gradient(#eee,#e4e4e4); - -pie-background: linear-gradient(#eee,#e4e4e4); + background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e4e4e4)); + background: -moz-linear-gradient(#eee, #e4e4e4); + background: linear-gradient(#eee, #e4e4e4); + -pie-background: linear-gradient(#eee, #e4e4e4); } - ul.navigation li.active a { +ul.navigation li.active a { pointer-events: none; color: white; background: #666; - background: -webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666)); - background: -moz-linear-gradient(#888,#666); - background: linear-gradient(#888,#666); - -pie-background: linear-gradient(#888,#666); + background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888), to(#666)); + background: -moz-linear-gradient(#888, #666); + background: linear-gradient(#888, #666); + -pie-background: linear-gradient(#888, #666); } div.tabscontent > div { padding: 0 15px; } - - - - - - - - +#tabsnav:empty { + display: none; +} .range-slider { - margin:0 0 0 0 + margin: 0 0 0 0; } .range-slider { - width:100% + width: 100%; } .range-slider__range { - -webkit-appearance:none; - width:calc(100% - (45px)); - height:10px; - border-radius:5px; - outline:0; - padding:0; - margin:0 + -webkit-appearance: none; + width: calc(100% - (45px)); + height: 10px; + border-radius: 5px; + outline: 0; + padding: 0; + margin: 0; } .range-slider__range::-webkit-slider-thumb { - -webkit-appearance:none; - appearance:none; - width:20px; - height:20px; - border-radius:50%; - cursor:pointer; - transition:background .15s ease-in-out + -webkit-appearance: none; + appearance: none; + width: 20px; + height: 20px; + border-radius: 50%; + cursor: pointer; + transition: background 0.15s ease-in-out; } .range-slider__range::-webkit-slider-thumb:hover { - background:#1abc9c + background: #1abc9c; } .range-slider__range:active::-webkit-slider-thumb { - background:#1abc9c + background: #1abc9c; } .range-slider__range::-moz-range-thumb { - width:20px; - height:20px; - border:0; - border-radius:50%; - cursor:pointer; - transition:background .15s ease-in-out + width: 20px; + height: 20px; + border: 0; + border-radius: 50%; + cursor: pointer; + transition: background 0.15s ease-in-out; } .range-slider__range:focus::-webkit-slider-thumb { - box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c + box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c; } .range-slider__value { - display:inline-block; - position:relative; - width:30px; - color:#fff; - line-height:20px; - text-align:center; - border-radius:3px; - padding:5px 5px; - margin-left:2px + display: inline-block; + position: relative; + width: 30px; + color: #fff; + line-height: 20px; + text-align: center; + border-radius: 3px; + padding: 5px 5px; + margin-left: 2px; } .range-slider__value:after { - position:absolute; - top:8px; - left:-7px; - width:0; - height:0; - /*border-top:1px solid transparent; + position: absolute; + top: 8px; + left: -7px; + width: 0; + height: 0; + /*border-top:1px solid transparent; border-right:1px solid #2c3e50; border-bottom:1px solid transparent;*/ - content:'' + content: ""; } ::-moz-range-track { - border:0 + border: 0; } -input::-moz-focus-inner,input::-moz-focus-outer { - border:0 +input::-moz-focus-inner, +input::-moz-focus-outer { + border: 0; } diff --git a/data/css/style.min.css b/data/css/style.min.css index 1781ee7..28498c3 100644 --- a/data/css/style.min.css +++ b/data/css/style.min.css @@ -1 +1 @@ -.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:500px;color:#fff}@media(max-width:630px){.card{min-width:98%}}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.dark{background:#444857;border-bottom:#444857 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1;font-weight:400;font-family:"Open Sans",sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.1),hsla(0,0%,100%,0.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.75),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,0.5),0 0 1px hsla(0,0%,0%,0.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,0.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,0.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.15),hsla(0,0%,100%,0.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.25),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:"";height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:"";height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:"Roboto",sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b}input{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}select{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}input[id^="num"]{max-width:6em;width:auto;text-align:right;font-weight:bold;font-size:115%}body div>ul.navigation{margin:0;padding:0;border-bottom:3px solid #666;overflow:hidden}ul.navigation li{list-style:none;float:left;margin-right:4px}ul.navigation li.controls{float:right}ul.navigation li a{font-weight:bold;display:inline-block;padding:6px 12px;color:#888;outline:0;text-decoration:none;background:#f3f3f3;background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));background:-moz-linear-gradient(#eee,#e4e4e4);background:linear-gradient(#eee,#e4e4e4);-pie-background:linear-gradient(#eee,#e4e4e4)}ul.navigation li.active a{pointer-events:none;color:white;background:#666;background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));background:-moz-linear-gradient(#888,#666);background:linear-gradient(#888,#666);-pie-background:linear-gradient(#888,#666)}div.tabscontent>div{padding:0 15px}.range-slider{margin:0}.range-slider{width:100%}.range-slider__range{-webkit-appearance:none;width:calc(100% - (45px));height:10px;border-radius:5px;outline:0;padding:0;margin:0}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range::-webkit-slider-thumb:hover{background:#1abc9c}.range-slider__range:active::-webkit-slider-thumb{background:#1abc9c}.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c}.range-slider__value{display:inline-block;position:relative;width:30px;color:#fff;line-height:20px;text-align:center;border-radius:3px;padding:5px 5px;margin-left:2px}.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;content:''}::-moz-range-track{border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0} \ No newline at end of file +.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:500px;color:#fff}@media(max-width:630px){.card{min-width:98%}}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.dark{background:#444857;border-bottom:#444857 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1;font-weight:400;font-family:"Open Sans",sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.1),hsla(0,0%,100%,0.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.75),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,0.5),0 0 1px hsla(0,0%,0%,0.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,0.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,0.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.15),hsla(0,0%,100%,0.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.25),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:"";height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:"";height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:"Roboto",sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b}input{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}select{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}input[id^="num"]{max-width:6em;width:auto;text-align:right;font-weight:bold;font-size:115%}body div>ul.navigation{margin:0;padding:0;border-bottom:3px solid #666;overflow:hidden}ul.navigation li{list-style:none;float:left;margin-right:4px}ul.navigation li.controls{float:right}ul.navigation li a{font-weight:bold;display:inline-block;padding:6px 12px;color:#888;outline:0;text-decoration:none;background:#f3f3f3;background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));background:-moz-linear-gradient(#eee,#e4e4e4);background:linear-gradient(#eee,#e4e4e4);-pie-background:linear-gradient(#eee,#e4e4e4)}ul.navigation li.active a{pointer-events:none;color:white;background:#666;background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));background:-moz-linear-gradient(#888,#666);background:linear-gradient(#888,#666);-pie-background:linear-gradient(#888,#666)}div.tabscontent>div{padding:0 15px}#tabsnav:empty{display:none}.range-slider{margin:0}.range-slider{width:100%}.range-slider__range{-webkit-appearance:none;width:calc(100% - (45px));height:10px;border-radius:5px;outline:0;padding:0;margin:0}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range::-webkit-slider-thumb:hover{background:#1abc9c}.range-slider__range:active::-webkit-slider-thumb{background:#1abc9c}.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c}.range-slider__value{display:inline-block;position:relative;width:30px;color:#fff;line-height:20px;text-align:center;border-radius:3px;padding:5px 5px;margin-left:2px}.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;content:""}::-moz-range-track{border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0} \ No newline at end of file diff --git a/src/dataStyleCSS.h b/src/dataStyleCSS.h index b1521cc..8dabbf9 100644 --- a/src/dataStyleCSS.h +++ b/src/dataStyleCSS.h @@ -1,5 +1,5 @@ const char CSS_STYLE[] PROGMEM = R"=====( -.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:500px;color:#fff}@media(max-width:630px){.card{min-width:98%}}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.dark{background:#444857;border-bottom:#444857 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1;font-weight:400;font-family:"Open Sans",sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.1),hsla(0,0%,100%,0.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.75),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,0.5),0 0 1px hsla(0,0%,0%,0.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,0.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,0.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.15),hsla(0,0%,100%,0.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.25),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:"";height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:"";height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:"Roboto",sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b}input{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}select{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}input[id^="num"]{max-width:6em;width:auto;text-align:right;font-weight:bold;font-size:115%}body div>ul.navigation{margin:0;padding:0;border-bottom:3px solid #666;overflow:hidden}ul.navigation li{list-style:none;float:left;margin-right:4px}ul.navigation li.controls{float:right}ul.navigation li a{font-weight:bold;display:inline-block;padding:6px 12px;color:#888;outline:0;text-decoration:none;background:#f3f3f3;background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));background:-moz-linear-gradient(#eee,#e4e4e4);background:linear-gradient(#eee,#e4e4e4);-pie-background:linear-gradient(#eee,#e4e4e4)}ul.navigation li.active a{pointer-events:none;color:white;background:#666;background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));background:-moz-linear-gradient(#888,#666);background:linear-gradient(#888,#666);-pie-background:linear-gradient(#888,#666)}div.tabscontent>div{padding:0 15px}.range-slider{margin:0}.range-slider{width:100%}.range-slider__range{-webkit-appearance:none;width:calc(100% - (45px));height:10px;border-radius:5px;outline:0;padding:0;margin:0}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range::-webkit-slider-thumb:hover{background:#1abc9c}.range-slider__range:active::-webkit-slider-thumb{background:#1abc9c}.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c}.range-slider__value{display:inline-block;position:relative;width:30px;color:#fff;line-height:20px;text-align:center;border-radius:3px;padding:5px 5px;margin-left:2px}.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;content:''}::-moz-range-track{border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0} +.container{position:relative;width:79%;margin:20px;box-sizing:border-box}.column,.columns{width:100%;float:left}.card{margin-top:2%;border-radius:6px;box-shadow:0 4px 4px rgba(204,197,185,0.5);padding-left:20px;padding-right:20px;margin-bottom:10px;min-width:500px;color:#fff}@media(max-width:630px){.card{min-width:98%}}.card-slider{padding-bottom:10px}.turquoise{background:#1abc9c;border-bottom:#16a085 3px solid}.emerald{background:#2ecc71;border-bottom:#27ae60 3px solid}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.dark{background:#444857;border-bottom:#444857 3px solid}.label{box-sizing:border-box;white-space:nowrap;border-radius:.2em;padding:.12em .4em .14em;text-align:center;color:#fff;font-weight:700;line-height:1;margin-bottom:5px;display:inline-block;white-space:nowrap;vertical-align:baseline;position:relative;top:-.15em;background-color:#999;margin-bottom:10px}.label-wrap{width:90%;white-space:pre-wrap;word-wrap:break-word}.label.color-blue{background-color:#6f9ad1}.label.color-red{background-color:#d37c7c}.label.color-green{background-color:#9bc268}.label.color-orange{background-color:#dea154}.label.color-yellow{background-color:#e9d641}.label.color-purple{background-color:#9f83d1}@media(min-width:400px){.container{width:84%}}@media(min-width:630px){.container{width:98%}.column,.columns{margin-right:2%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}html{font-size:62.5%}body{margin:0;font-size:1.5em;line-height:1;font-weight:400;font-family:"Open Sans",sans-serif;color:#222;background-color:#ecf0f1}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:300}h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}@media(min-width:630px){h1{font-size:5rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2rem}h6{font-size:1.5rem}}p{margin-top:0}a{color:#1eaedb}a:hover{color:#0fa0ce}button{display:inline-block;padding:10px;border-radius:3px;color:#fff;background-color:#999}#mainHeader{display:inline-block}#conStatus{position:inherit;font-size:.75em}button,.button{margin-bottom:1rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.tcenter{text-align:center}hr{margin-top:.5rem;margin-bottom:1.2rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}.control{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.1),hsla(0,0%,100%,0.1));border-radius:50%;box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.75),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.75);height:9em;margin:3em auto;position:relative;width:9em}.control ul{height:100%;padding:0;transform:rotate(45deg)}.control li{border-radius:100% 0 0 0;box-shadow:inset -1px -1px 1px hsla(0,0%,100%,0.5),0 0 1px hsla(0,0%,0%,0.75);display:inline-block;height:50%;overflow:hidden;width:50%}.control ul li:nth-child(2){transform:rotate(90deg)}.control ul li:nth-child(3){transform:rotate(-90deg)}.control ul li:nth-child(4){transform:rotate(180deg)}.control ul a{height:200%;position:relative;transform:rotate(-45deg);width:200%}.control a:hover,.control a:focus{background-color:hsla(0,0%,100%,0.25)}.control a{border-radius:50%;color:#333;display:block;font:bold 1em/3 sans-serif;text-align:center;text-decoration:none;text-shadow:0 1px 1px hsla(0,0%,100%,0.4);transition:.15s}.control .confirm{background-color:#ddd;background-image:linear-gradient(hsla(0,0%,0%,0.15),hsla(0,0%,100%,0.25));box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,0.5),0 0 1px 1px hsla(0,0%,100%,0.25),0 0 1px 2px hsla(0,0%,100%,0.25),0 0 1px 3px hsla(0,0%,100%,0.25),0 0 1px 4px hsla(0,0%,100%,0.25),0 0 1px 6px hsla(0,0%,0%,0.85);left:50%;line-height:3;margin:-1.5em;position:absolute;top:50%;width:3em}.control .confirm:hover,.control .confirm:focus{background-color:#eee}.switch{display:inline-block !important;background-color:#bebebe;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:block;font-size:14px;height:26px;margin-bottom:12px;position:relative;width:60px;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.switch.checked{background-color:#76d21d}.switch input[type="checkbox"]{display:none;cursor:pointer;height:10px;left:12px;position:absolute;top:8px;width:10px}.in{position:absolute;top:8px;left:12px;-webkit-transition:left .08s ease-in-out;-moz-transition:left .08s ease-in-out;-o-transition:left .08s ease-in-out;-ms-transition:left .08s ease-in-out;transition:left .08s ease-in-out}.switch.checked div{left:38px}.switch .in:before{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f0f0f0));background:-webkit-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-o-linear-gradient(top,#fff 0,#f0f0f0 100%);background:-ms-linear-gradient(top,#fff 0,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0,#f0f0f0 100%);border:1px solid #fff;border-radius:2px;box-shadow:0 0 4px rgba(0,0,0,0.3);content:"";height:18px;position:absolute;top:-5px;left:-9px;width:26px}.switch .in:after{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(to bottom,#f0f0f0 0,#fff 100%);border-radius:10px;content:"";height:12px;margin:-1px 0 0 -1px;position:absolute;width:12px}.rkmd-slider{display:block;position:relative;font-size:16px;font-family:"Roboto",sans-serif}.rkmd-slider input[type="range"]{overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}.rkmd-slider input[type="range"]+.slider{display:block;position:relative;width:100%;height:27px;border-radius:13px;background-color:#bebebe}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider{height:4px;border-radius:0}}.rkmd-slider input[type="range"]+.slider .slider-fill{display:block;position:absolute;width:0;height:100%;user-select:none;z-index:1}.rkmd-slider input[type="range"]+.slider .slider-handle{cursor:pointer;position:absolute;top:12px;left:0;width:15px;height:15px;margin-left:-8px;border-radius:50%;transition:all .2s ease;user-select:none;z-index:2}@media(pointer:fine){.rkmd-slider input[type="range"]+.slider .slider-handle{top:-5.5px}}.rkmd-slider input[type="range"]:disabled+.slider{background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle{cursor:default !important;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle .slider-label{display:none;background-color:#b0b0b0 !important}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active{top:-5.5px;width:15px;height:15px;margin-left:-8px}.rkmd-slider input[type="range"]:disabled+.slider .slider-fill.is-active .slider-label,.rkmd-slider input[type="range"]:disabled+.slider .slider-handle.is-active .slider-label{display:none;border-radius:50%;transform:none}.rkmd-slider input[type="range"]:disabled+.slider .slider-handle:active{box-shadow:none !important;transform:scale(1) !important}.rkmd-slider.slider-discrete .slider .slider-handle{position:relative;z-index:1}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{position:absolute;top:-17.5px;left:4px;width:30px;height:30px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:50%;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);-webkit-transition:all .2s ease;transition:all .2s ease}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label{left:-2px;-webkit-transform:scale(0.5) rotate(-45deg);transform:scale(0.5) rotate(-45deg)}}.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{position:absolute;top:7px;left:0;width:100%;color:#fff;font-size:16px;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media(pointer:fine){.rkmd-slider.slider-discrete .slider .slider-handle .slider-label span{font-size:12px}}.rkmd-slider.slider-discrete .slider .slider-handle.is-active{top:0;margin-left:-2px;width:4px;height:4px}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label{top:-15px;left:-2px;border-radius:15px 15px 15px 0;-webkit-transform:rotate(-45deg) translate(23px,-25px);transform:rotate(-45deg) translate(23px,-25px)}.rkmd-slider.slider-discrete .slider .slider-handle.is-active .slider-label span{opacity:1}.rkmd-slider.slider-discrete.slider-turquoise .slider-label{background-color:#16a085}.rkmd-slider.slider-discrete.slider-emerald .slider-label{background-color:#27ae60}.peterriver{background:#3498db;border-bottom:#2980b9 3px solid}.rkmd-slider.slider-discrete.slider-peterriver .slider-label{background-color:#2980b9}.wetasphalt{background:#34495e;border-bottom:#2c3e50 3px solid}.rkmd-slider.slider-discrete.slider-wetasphalt .slider-label{background-color:#2c3e50}.sunflower{background:#f1c40f;border-bottom:#e6bb0f 3px solid}.rkmd-slider.slider-discrete.slider-sunflower .slider-label{background-color:#e6bb0f}.carrot{background:#e67e22;border-bottom:#d35400 3px solid}.rkmd-slider.slider-discrete.slider-carrot .slider-label{background-color:#d35400}.alizarin{background:#e74c3c;border-bottom:#c0392b 3px solid}.rkmd-slider.slider-discrete.slider-alizarin .slider-label{background-color:#c0392b}input{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}select{margin:0 auto 1.2rem auto;padding:2px 5px;width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background:rgba(255,255,255,0.8)}input[id^="num"]{max-width:6em;width:auto;text-align:right;font-weight:bold;font-size:115%}body div>ul.navigation{margin:0;padding:0;border-bottom:3px solid #666;overflow:hidden}ul.navigation li{list-style:none;float:left;margin-right:4px}ul.navigation li.controls{float:right}ul.navigation li a{font-weight:bold;display:inline-block;padding:6px 12px;color:#888;outline:0;text-decoration:none;background:#f3f3f3;background:-webkit-gradient(linear,0 0,0 bottom,from(#eee),to(#e4e4e4));background:-moz-linear-gradient(#eee,#e4e4e4);background:linear-gradient(#eee,#e4e4e4);-pie-background:linear-gradient(#eee,#e4e4e4)}ul.navigation li.active a{pointer-events:none;color:white;background:#666;background:-webkit-gradient(linear,0 0,0 bottom,from(#888),to(#666));background:-moz-linear-gradient(#888,#666);background:linear-gradient(#888,#666);-pie-background:linear-gradient(#888,#666)}div.tabscontent>div{padding:0 15px}#tabsnav:empty{display:none}.range-slider{margin:0}.range-slider{width:100%}.range-slider__range{-webkit-appearance:none;width:calc(100% - (45px));height:10px;border-radius:5px;outline:0;padding:0;margin:0}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range::-webkit-slider-thumb:hover{background:#1abc9c}.range-slider__range:active::-webkit-slider-thumb{background:#1abc9c}.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #1abc9c}.range-slider__value{display:inline-block;position:relative;width:30px;color:#fff;line-height:20px;text-align:center;border-radius:3px;padding:5px 5px;margin-left:2px}.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;content:""}::-moz-range-track{border:0}input::-moz-focus-inner,input::-moz-focus-outer{border:0} )====="; -const uint8_t CSS_STYLE_GZIP[3278] PROGMEM = { 31,139,8,0,78,66,142,92,2,255,213,27,105,111,235,184,241,175,168,9,130,141,81,73,165,78,219,50,118,209,143,253,86,160,251,177,216,46,104,137,138,132,200,146,171,227,229,229,25,250,239,203,75,18,47,197,206,177,40,250,252,226,216,212,204,112,110,14,135,140,155,54,117,15,203,26,181,151,115,211,149,125,217,212,73,139,42,216,151,223,208,225,165,204,250,34,217,238,31,14,39,216,62,149,117,226,131,243,247,195,177,249,238,116,229,143,178,126,74,142,77,155,161,214,193,35,163,155,54,213,112,170,109,254,187,187,48,100,15,128,135,67,94,53,176,79,42,148,247,24,12,182,217,133,145,115,250,230,156,248,15,7,78,165,133,89,57,116,73,60,77,81,192,172,121,73,128,21,158,191,211,159,246,233,8,31,125,16,218,222,126,107,123,187,200,6,110,180,57,156,97,150,97,86,28,66,157,241,55,141,180,229,83,193,135,248,124,199,166,239,155,19,230,137,12,225,239,140,197,8,144,239,152,237,166,77,238,243,60,31,255,126,66,89,9,31,79,240,59,135,136,3,12,177,185,112,222,103,196,253,238,97,100,2,57,93,85,102,68,133,124,106,97,162,209,237,135,246,191,67,83,118,232,114,132,233,243,83,219,12,117,150,220,123,240,152,238,211,195,172,65,138,112,239,197,16,236,34,43,192,226,118,13,166,57,186,232,132,90,88,101,18,174,143,210,116,235,169,184,254,22,162,24,136,184,103,212,163,182,197,150,108,37,244,32,220,239,178,163,134,190,223,129,227,94,68,127,65,61,236,206,5,172,122,5,61,220,71,72,67,79,3,20,73,179,119,67,141,13,255,162,76,158,123,105,8,114,21,27,197,199,35,200,69,108,172,214,182,145,39,70,241,22,249,190,138,154,5,81,8,164,137,97,85,254,128,109,89,203,200,219,48,13,52,125,167,32,216,251,71,17,57,131,237,179,132,24,134,225,46,218,170,136,108,84,68,172,224,17,85,23,99,112,28,94,138,178,71,78,119,134,41,74,234,230,165,133,103,197,233,93,31,157,38,199,77,92,15,127,179,220,144,188,121,248,253,208,163,239,189,131,165,122,170,147,20,213,216,166,130,183,30,114,28,192,206,11,162,206,190,5,224,80,225,96,118,10,246,221,83,60,63,194,142,158,149,221,185,130,175,73,89,83,200,99,213,164,207,38,6,177,215,244,101,10,43,62,241,17,118,136,32,28,244,52,65,194,216,113,189,8,115,186,40,206,225,44,238,247,123,67,248,113,117,57,100,38,158,41,246,56,81,136,108,156,91,68,31,31,94,176,166,232,167,228,216,34,248,236,144,239,28,223,165,147,96,25,6,49,184,166,169,227,124,15,51,79,6,109,81,102,128,204,130,109,186,77,101,200,167,22,161,218,0,187,63,166,126,188,147,97,155,22,214,79,38,22,50,4,189,40,148,129,95,81,133,195,194,0,140,246,89,28,42,252,158,135,246,92,153,40,239,243,93,128,133,155,114,213,156,148,66,192,115,213,156,215,217,248,46,196,201,74,131,158,51,155,2,77,82,155,150,209,185,25,121,94,157,1,146,188,108,187,222,73,139,178,202,102,96,113,112,66,164,41,26,140,110,83,163,153,246,242,121,90,49,66,55,158,255,109,241,36,253,75,163,174,41,129,27,204,255,8,68,129,77,165,192,248,132,191,188,25,90,101,60,0,174,68,61,199,14,172,130,236,101,242,93,249,93,101,145,104,167,67,223,80,173,60,136,98,153,58,141,66,5,38,142,100,242,117,169,169,96,27,18,169,52,234,59,95,161,94,25,88,216,123,138,114,94,80,165,137,72,87,101,221,42,78,95,148,109,198,97,87,20,134,205,193,192,58,25,78,21,139,144,195,75,71,46,67,81,205,53,121,222,161,222,57,190,58,146,39,24,70,59,201,117,118,138,103,44,24,139,143,216,198,81,153,142,183,85,88,93,48,4,79,178,87,198,101,90,126,44,17,16,60,206,54,15,203,232,65,232,174,136,36,56,166,109,30,150,41,133,193,154,80,139,255,218,198,81,153,78,228,203,200,130,139,217,43,227,50,129,24,172,137,36,70,131,189,50,174,208,218,175,9,37,68,141,109,30,150,41,109,101,199,235,141,66,245,43,34,237,226,85,145,170,21,253,40,177,41,82,219,71,107,66,169,33,104,191,241,236,86,63,210,226,213,126,235,225,173,234,87,162,219,94,127,164,123,215,88,244,167,234,66,203,22,92,41,161,36,246,221,232,97,60,54,217,43,7,77,192,97,121,234,185,164,174,144,139,26,177,228,193,235,29,251,158,195,83,89,189,38,119,255,60,163,218,250,21,214,221,157,221,225,119,236,169,109,153,79,5,147,79,234,71,125,225,77,115,144,123,99,225,217,133,111,23,129,93,132,118,17,217,69,44,238,83,128,82,197,184,81,139,249,18,57,9,0,192,36,4,193,194,86,229,220,245,15,21,234,113,1,71,107,28,82,235,225,186,9,67,141,133,47,224,5,110,108,192,140,214,80,3,17,85,71,12,214,240,66,1,207,119,13,204,6,134,41,193,142,226,70,23,209,66,59,29,215,132,26,81,212,88,66,141,116,212,88,69,5,171,117,139,164,238,72,83,100,232,250,186,134,168,114,101,233,3,77,38,127,133,213,113,60,75,78,49,194,11,247,33,15,65,148,29,71,152,20,13,217,111,241,81,144,67,144,162,241,56,96,159,169,47,198,210,123,170,250,61,182,183,22,119,5,129,180,47,53,23,215,227,253,9,23,110,255,64,144,236,63,77,19,140,247,184,184,251,181,135,253,208,45,91,252,178,46,112,88,244,66,156,185,91,28,103,156,81,219,229,12,43,133,59,81,128,59,56,249,80,85,204,14,98,57,177,210,22,24,28,178,143,22,80,150,109,245,219,104,103,130,66,107,205,11,235,31,208,207,243,19,146,78,46,98,99,161,103,91,163,139,182,89,26,139,86,180,25,115,57,69,50,234,40,147,246,25,119,96,250,74,144,188,105,159,103,221,35,143,188,198,165,100,78,96,142,103,177,221,182,121,153,62,14,78,154,95,8,0,102,32,185,187,155,247,92,61,60,86,232,144,86,8,182,88,218,190,96,84,218,166,50,109,29,178,76,180,120,121,130,79,40,33,102,133,100,111,130,29,4,211,126,44,186,10,62,2,27,60,208,255,174,183,177,151,17,162,94,58,182,81,220,42,154,212,206,58,44,101,141,51,183,5,44,34,227,244,163,81,137,54,54,16,96,180,231,91,1,192,55,1,248,2,64,112,13,32,188,6,16,75,0,19,7,7,158,67,246,179,129,147,0,111,162,225,208,55,135,181,238,214,158,248,52,183,130,53,84,151,41,13,17,223,156,66,19,28,122,188,193,235,242,166,61,37,109,131,67,9,61,134,81,134,158,54,11,102,85,94,100,37,19,2,22,97,23,232,186,118,136,8,206,45,186,54,200,104,76,34,156,107,98,89,146,126,72,223,37,41,202,44,67,245,97,106,114,61,136,98,98,126,147,186,47,216,254,236,209,223,92,52,1,247,64,22,80,197,9,12,56,206,53,164,208,128,228,237,116,36,56,153,193,167,102,208,59,14,218,204,204,30,92,88,130,181,208,227,41,217,22,6,242,38,197,217,80,139,57,147,203,9,116,46,122,24,241,88,197,229,209,108,23,102,16,146,88,113,136,87,153,229,161,211,223,2,75,40,69,244,110,14,29,201,80,218,180,144,202,89,227,26,138,13,206,77,208,85,103,9,55,76,27,76,67,174,23,117,11,199,228,3,222,135,159,190,42,187,68,134,244,130,85,180,249,242,108,226,255,207,179,201,14,71,26,171,88,177,149,197,250,36,152,50,139,195,42,211,217,57,225,17,47,16,67,207,218,97,4,139,239,159,197,252,50,25,68,245,200,121,124,197,49,239,17,66,163,219,189,148,125,90,24,23,121,235,47,229,233,220,180,61,172,123,67,153,112,68,228,165,172,2,161,220,103,159,236,6,168,54,104,175,29,107,131,188,220,96,35,86,33,233,208,118,248,243,185,41,169,239,234,110,207,235,37,66,127,138,226,88,239,193,251,164,83,191,146,147,99,82,10,225,178,250,248,92,246,142,224,221,170,100,150,235,119,22,130,29,114,48,225,102,232,15,206,169,249,241,62,132,230,157,244,187,119,193,191,3,118,50,175,155,22,40,125,54,118,41,183,113,230,123,217,4,104,149,245,121,232,255,221,191,158,209,207,119,20,9,91,243,238,183,217,61,104,18,81,140,53,47,110,88,191,172,21,34,153,65,114,225,29,126,50,213,105,164,97,91,214,151,117,192,133,152,193,108,228,161,133,119,14,111,219,106,5,170,185,133,82,119,29,232,26,128,170,127,43,43,191,93,216,222,122,71,196,231,74,199,106,72,142,8,47,61,242,105,142,92,158,39,84,54,53,155,98,93,217,4,208,2,248,23,32,47,139,228,162,141,132,200,181,55,35,49,34,54,101,153,16,160,31,88,12,217,172,67,220,225,225,71,64,41,111,196,33,154,231,248,68,27,227,36,31,98,176,249,24,26,54,209,71,240,116,156,73,120,51,38,205,112,98,181,78,13,35,229,61,95,61,95,4,203,233,162,148,241,230,234,125,138,154,221,106,172,56,209,20,3,206,126,14,27,146,245,36,191,161,155,3,217,109,40,243,55,122,14,19,148,89,250,107,61,135,249,136,193,121,176,75,189,195,115,174,48,216,124,12,109,213,115,222,198,123,203,115,76,152,74,241,78,119,222,154,7,248,243,58,150,208,242,157,56,15,249,96,112,11,158,58,125,226,3,237,243,105,62,34,150,215,75,125,5,20,86,80,178,106,74,173,173,127,53,88,132,70,236,107,73,180,165,21,129,158,72,225,229,64,221,14,172,114,186,44,215,228,99,67,122,47,253,43,57,24,184,50,195,95,221,27,37,19,54,253,83,93,176,213,90,30,30,233,121,172,85,48,83,31,136,47,103,73,142,109,188,185,220,204,32,159,53,212,38,5,227,205,82,90,252,183,147,151,85,181,38,178,162,90,112,16,55,149,67,71,90,91,168,66,105,207,214,232,31,120,5,202,208,247,196,123,63,19,5,172,179,10,93,148,85,222,156,163,168,243,178,195,158,201,20,145,96,243,104,41,209,88,34,219,105,106,34,69,173,176,140,194,170,154,139,152,117,169,252,207,25,77,21,149,101,91,23,115,123,221,102,9,54,15,105,184,100,179,7,24,28,11,144,151,80,62,191,159,170,228,18,246,199,209,101,99,102,40,135,67,213,95,41,236,191,152,251,249,11,61,130,254,180,44,50,57,185,50,253,243,133,113,203,206,129,41,73,61,159,22,100,33,37,56,224,173,81,244,101,98,124,177,117,214,8,43,118,50,167,0,218,124,33,0,227,103,217,72,184,98,133,154,140,208,21,29,127,153,177,75,97,133,30,189,205,154,151,76,164,241,156,105,139,250,89,50,53,200,244,213,201,156,133,111,164,167,40,112,165,72,244,182,238,92,39,134,179,255,144,147,140,201,127,2,109,227,75,164,118,154,182,36,37,7,86,62,173,86,14,235,79,116,107,105,212,22,29,42,189,179,235,16,134,189,157,180,8,172,140,95,95,1,62,166,102,22,97,190,73,101,92,4,210,105,186,38,166,1,102,252,188,15,88,221,25,174,109,152,183,218,66,12,150,86,226,124,165,107,169,1,245,134,161,46,175,212,150,94,107,87,47,85,221,76,65,91,183,233,6,196,48,218,233,131,234,192,159,100,103,166,74,65,39,190,186,248,223,72,86,201,226,64,206,212,254,28,145,66,231,42,84,210,247,187,103,82,92,150,229,129,101,183,232,235,5,112,68,154,162,243,27,88,183,53,119,86,139,62,168,200,136,143,139,103,219,241,49,222,230,240,62,240,175,20,146,217,107,114,181,183,243,233,244,125,190,35,171,232,75,175,18,216,13,217,155,136,242,171,179,87,73,178,139,179,159,190,46,123,3,71,203,12,215,153,162,244,63,125,9,247,6,166,150,25,174,51,69,233,127,246,106,239,13,60,205,19,92,101,137,145,255,212,125,225,27,248,97,212,175,50,195,104,127,242,6,242,13,236,76,244,175,50,196,168,143,180,44,155,111,215,208,3,81,139,157,121,243,195,81,126,208,73,206,90,132,202,118,245,124,126,106,180,129,207,156,41,8,186,97,87,251,163,200,158,126,128,187,219,140,108,105,249,191,99,155,213,192,101,246,159,159,239,234,225,116,247,155,112,227,33,70,39,206,36,229,95,88,216,233,229,6,233,58,17,57,60,20,43,1,143,95,146,34,141,233,95,134,202,173,225,183,242,137,158,23,46,215,166,150,3,107,217,203,130,165,33,26,199,177,122,68,60,74,212,200,81,118,85,118,120,218,254,181,66,108,165,95,238,89,28,164,75,192,100,121,84,145,167,67,173,78,186,182,161,66,89,240,162,9,251,230,245,24,98,10,218,194,224,158,189,219,237,14,205,208,19,72,114,62,111,58,65,149,114,83,64,94,183,52,76,73,99,16,76,189,194,188,109,78,143,228,244,109,99,247,13,254,16,146,151,210,19,53,117,108,9,138,61,129,191,213,150,148,1,157,115,137,229,190,17,90,215,60,95,141,225,133,87,96,14,185,131,216,119,252,40,136,234,141,222,176,151,52,67,28,226,99,106,193,38,96,106,193,36,110,209,9,134,183,41,236,155,10,89,160,174,106,99,6,29,113,76,184,61,46,178,121,207,246,23,114,120,51,7,3,173,164,112,94,37,251,209,169,13,59,133,140,50,188,100,16,249,193,239,191,179,27,254,147,118,224,249,140,89,129,117,202,3,132,225,225,253,68,74,91,231,150,99,225,146,27,215,85,27,233,200,77,217,157,145,54,235,236,193,75,232,154,89,227,28,36,179,129,166,202,169,24,78,199,85,190,204,124,250,194,150,211,7,198,62,159,210,82,52,30,100,90,228,182,129,124,134,118,51,199,252,154,156,254,23,81,102,26,204,179,87,132,191,149,8,115,75,246,132,97,190,169,14,109,153,248,98,189,208,179,254,53,145,228,3,42,86,174,144,189,161,13,230,133,105,69,214,111,144,252,53,140,57,151,174,244,228,3,249,15,224,164,251,14,84,33,250,14,84,191,168,56,57,112,196,23,99,233,150,188,26,127,156,77,126,36,118,229,92,217,217,206,107,251,220,74,7,243,241,204,79,63,141,178,101,91,108,136,203,100,66,182,26,115,0,170,113,108,147,26,181,182,62,142,13,69,60,114,66,252,3,211,142,237,253,26,57,0,0 }; +const uint8_t CSS_STYLE_GZIP[3289] PROGMEM = { 31,139,8,0,80,158,151,92,2,255,213,27,217,110,235,186,241,87,212,4,1,98,84,82,169,213,182,140,123,209,199,190,21,104,31,139,219,11,90,162,34,33,178,228,106,57,73,142,161,127,47,55,73,220,20,59,203,69,209,227,19,199,166,102,134,179,113,102,56,100,220,180,169,123,88,214,168,189,156,155,174,236,203,166,78,90,84,193,190,252,129,14,47,101,214,23,201,118,255,112,56,193,246,169,172,19,31,156,95,15,199,230,213,233,202,159,101,253,148,28,155,54,67,173,131,71,70,55,109,170,225,84,219,252,119,119,97,200,30,0,15,135,188,106,96,159,84,40,239,49,24,108,179,11,35,231,244,205,57,241,31,14,156,74,11,179,114,232,146,120,154,162,128,89,243,146,0,43,60,191,210,159,246,233,8,31,125,16,218,222,126,107,123,187,200,6,110,180,57,156,97,150,97,86,28,66,157,241,55,141,180,229,83,193,135,248,124,199,166,239,155,19,230,137,12,225,239,140,197,8,144,239,152,237,166,77,238,243,60,31,255,122,66,89,9,31,79,240,149,67,196,1,134,216,92,56,239,51,226,126,247,48,50,129,156,174,42,51,162,66,62,181,48,209,232,246,67,251,159,161,41,59,116,57,194,244,249,169,109,134,58,75,238,61,120,76,247,233,97,214,32,69,184,247,98,8,118,145,21,96,113,187,6,211,28,93,116,66,45,172,50,9,215,71,105,186,245,84,92,127,11,81,12,68,220,51,234,81,219,98,75,182,18,122,16,238,119,217,81,67,223,239,192,113,47,162,191,160,30,118,231,2,86,189,130,30,238,35,164,161,167,1,138,164,217,187,161,198,134,127,81,38,207,189,52,4,185,138,141,226,227,17,228,34,54,86,107,219,200,19,163,120,139,124,95,69,205,130,40,4,210,196,176,42,127,194,182,172,101,228,109,152,6,154,190,83,16,236,253,163,136,156,193,246,89,66,12,195,112,23,109,85,68,54,42,34,86,240,136,170,139,113,113,28,94,138,178,71,78,119,134,41,74,234,230,165,133,103,197,233,93,31,157,38,199,77,92,15,127,179,220,144,188,121,248,253,208,163,215,222,193,82,61,213,73,138,106,108,83,193,91,15,57,94,192,206,11,162,206,190,5,224,80,225,197,236,20,236,187,167,120,126,132,29,61,43,187,115,5,223,146,178,166,144,199,170,73,159,77,12,98,175,233,203,20,86,124,226,35,236,16,65,56,232,97,130,44,99,199,245,34,204,233,162,56,135,179,184,223,239,13,203,143,171,203,33,51,241,72,177,199,129,66,100,227,220,34,250,248,240,130,53,69,63,37,199,22,193,103,135,124,231,248,46,157,4,203,48,136,139,107,154,58,206,247,48,243,100,208,22,101,6,200,44,216,166,219,84,134,124,106,17,170,13,176,251,99,234,199,59,25,182,105,97,253,100,98,33,67,208,139,66,25,248,13,85,120,89,24,128,209,62,139,67,133,223,243,208,158,43,19,229,125,190,11,176,112,83,172,154,131,82,8,120,172,154,227,58,27,223,133,56,88,105,208,115,100,83,160,73,104,211,34,58,55,35,143,171,51,64,146,151,109,215,59,105,81,86,217,12,44,14,78,136,52,68,131,209,109,106,52,211,94,62,79,25,35,116,227,249,223,22,79,210,191,52,106,78,9,220,96,254,71,32,10,108,42,5,198,39,252,229,205,208,42,227,1,112,37,234,57,118,96,21,100,47,147,239,202,87,149,69,162,157,14,253,64,181,242,32,138,101,234,116,21,42,48,113,36,147,175,75,77,5,219,144,72,165,81,223,249,10,245,202,192,194,222,83,148,243,130,42,77,68,154,149,117,171,56,125,81,182,25,135,93,81,24,54,7,3,235,100,56,85,44,66,14,167,142,92,134,162,154,107,242,188,67,189,115,124,115,36,79,48,140,118,146,235,236,20,207,88,48,22,31,177,141,163,50,29,111,171,176,186,96,8,158,100,175,140,203,180,252,88,34,32,120,156,109,30,150,209,131,208,93,17,73,112,76,219,60,44,83,10,131,53,161,22,255,181,141,163,50,157,200,151,145,5,23,179,87,198,101,2,49,88,19,73,92,13,246,202,184,66,107,191,38,148,176,106,108,243,176,76,105,43,59,94,111,20,170,95,17,105,23,175,138,84,173,232,71,89,155,34,181,125,180,38,148,186,4,237,119,158,221,234,71,218,122,181,223,123,120,171,250,149,213,109,175,63,210,189,107,44,250,83,117,161,101,11,174,148,80,18,251,110,244,48,30,155,236,141,131,38,224,176,60,245,92,82,87,200,69,141,88,242,224,124,199,190,231,240,84,86,111,201,221,223,207,168,182,254,9,235,238,206,238,240,59,246,212,182,204,167,130,201,39,245,163,158,120,211,28,228,222,88,120,118,225,219,69,96,23,161,93,68,118,17,139,251,20,160,84,49,110,212,98,190,68,78,2,0,48,9,65,176,176,85,57,119,253,67,133,122,92,192,209,26,135,212,122,184,110,194,80,99,225,11,120,129,27,27,48,163,53,212,64,68,213,17,131,53,188,80,192,243,93,3,179,129,97,74,176,163,184,209,69,180,208,78,199,53,161,70,20,53,150,80,35,29,53,86,81,193,106,221,34,169,59,210,20,25,186,190,174,33,170,92,89,250,64,147,201,95,97,117,28,207,146,83,140,240,194,125,200,67,16,101,199,17,38,69,67,246,91,124,20,228,16,164,104,60,14,216,103,234,139,177,244,158,170,126,143,237,173,197,93,65,32,237,75,205,197,245,120,127,194,133,219,223,16,36,251,79,211,4,227,61,46,238,254,217,195,126,232,150,45,126,89,23,120,89,244,194,58,115,183,120,157,113,70,109,151,51,172,20,238,68,1,238,224,228,67,85,49,59,136,229,196,74,91,96,112,200,62,90,64,89,182,213,239,163,157,9,10,173,53,47,172,127,64,63,207,79,72,56,185,136,141,133,158,109,141,46,218,102,105,44,90,209,102,204,229,20,201,168,163,76,218,103,220,129,233,43,65,242,166,125,158,117,143,60,242,26,151,146,57,129,57,158,197,118,219,230,101,250,56,56,105,126,33,0,152,129,228,238,110,222,115,245,240,88,161,67,90,33,216,98,105,251,130,81,105,155,202,180,117,200,50,209,226,229,9,62,161,132,152,21,146,189,9,118,16,76,251,177,232,42,248,8,108,240,64,255,187,222,198,94,70,136,122,233,216,70,113,171,104,82,59,235,176,148,53,142,220,22,176,136,140,211,143,70,37,218,216,64,128,209,158,111,5,0,223,4,224,11,0,193,53,128,240,26,64,44,1,76,28,28,120,12,217,207,6,78,2,188,137,134,67,223,28,214,186,91,123,226,211,220,10,214,80,93,166,48,68,124,115,90,154,224,208,227,13,94,151,55,237,41,105,27,188,148,208,99,24,101,232,105,179,96,86,229,69,86,50,33,96,17,118,129,174,107,135,136,224,220,162,107,131,140,198,32,194,185,38,150,37,225,135,244,93,146,162,204,50,84,31,166,38,215,131,40,38,230,55,169,251,130,237,207,30,253,205,69,19,112,15,100,1,85,156,192,128,227,92,67,10,13,72,222,78,71,130,147,25,124,106,6,189,227,160,205,204,236,193,133,37,88,11,61,30,146,109,97,32,111,82,28,13,181,53,103,114,57,129,206,69,95,70,124,173,226,242,104,182,11,51,8,9,172,120,137,87,153,229,161,211,95,2,75,40,69,244,110,14,29,201,80,218,180,144,202,89,227,26,138,13,206,77,208,85,103,9,55,76,27,76,67,174,23,117,11,199,228,3,222,135,159,190,43,186,68,134,240,130,85,180,249,246,104,226,255,207,163,201,14,175,52,86,177,98,43,139,245,73,48,69,22,135,85,166,179,115,194,35,78,16,67,207,218,97,4,139,239,159,197,248,50,25,68,245,200,121,124,197,49,239,17,66,163,219,189,148,125,90,24,147,188,245,167,242,116,110,218,30,214,189,161,76,56,34,242,82,178,64,40,247,217,39,187,1,170,13,218,107,199,218,32,47,55,216,136,85,72,58,180,29,254,124,110,74,234,187,186,219,243,122,137,208,159,86,113,172,247,224,125,210,169,95,137,201,49,41,133,112,89,125,124,46,123,71,240,110,85,50,203,245,59,11,193,14,57,152,112,51,244,7,231,212,252,252,24,66,243,65,250,221,135,224,63,0,59,153,215,77,11,148,62,27,187,148,219,56,243,189,108,2,180,202,250,60,244,255,234,223,206,232,151,59,138,132,173,121,247,219,236,30,52,136,40,198,154,147,27,214,47,107,133,72,102,144,92,120,135,159,76,117,26,105,216,150,245,101,29,112,33,102,48,27,121,104,225,157,195,251,182,90,129,106,110,161,212,93,7,186,6,160,234,223,202,202,31,23,182,183,222,17,241,185,210,177,26,146,35,194,169,71,62,205,145,203,243,132,202,166,70,83,172,43,155,0,90,0,255,2,228,101,145,88,180,145,16,185,246,102,36,70,196,166,44,19,2,244,3,91,67,54,235,16,119,120,248,17,80,202,27,113,136,198,57,62,209,198,56,201,167,24,108,62,135,134,77,244,25,60,29,103,18,222,140,73,35,156,88,173,83,195,72,113,207,87,207,23,193,114,186,40,69,188,185,122,159,86,205,110,117,173,56,209,180,6,156,253,188,108,72,212,147,252,134,110,14,100,183,161,204,223,232,57,76,80,102,233,239,245,28,230,35,6,231,193,46,245,1,207,185,194,96,243,57,180,85,207,121,31,239,61,207,49,97,42,197,59,221,121,107,30,224,207,121,44,161,229,59,113,30,242,193,224,22,60,116,250,196,7,218,231,211,124,68,44,231,75,61,3,10,25,148,100,77,169,181,245,143,6,139,208,136,125,45,137,182,148,17,232,137,20,78,7,234,118,96,149,211,37,93,147,143,13,233,189,244,111,228,96,224,202,12,127,118,111,148,76,216,244,79,117,193,86,107,121,120,164,231,177,86,193,76,125,32,158,206,146,28,219,120,115,185,153,65,62,107,168,77,10,198,155,165,180,248,111,39,47,171,106,77,100,69,181,224,32,110,42,135,142,180,182,80,133,210,158,229,232,159,56,3,101,232,53,241,62,206,68,1,235,172,66,23,37,203,155,99,20,117,94,118,216,51,153,34,18,108,30,45,37,26,11,100,59,77,77,164,168,21,210,40,172,170,185,136,89,151,202,255,154,209,84,81,89,180,117,49,183,215,109,150,96,243,144,134,75,54,123,128,193,177,0,121,9,229,243,199,169,74,46,97,127,30,93,54,102,134,114,56,84,253,149,194,254,155,185,159,191,208,35,232,47,203,34,147,147,43,211,63,94,24,183,236,28,152,146,208,243,101,65,22,82,130,3,222,186,138,190,77,140,111,182,206,26,97,197,78,230,16,64,155,47,4,96,252,42,27,9,87,172,80,147,17,186,162,227,47,51,118,41,172,208,163,183,89,243,146,137,52,158,51,109,81,63,75,166,46,50,61,59,153,163,240,141,244,20,5,174,20,137,222,214,157,235,196,112,246,31,114,146,49,249,79,160,109,124,137,212,78,211,150,164,228,192,202,167,213,202,97,253,137,110,45,141,218,162,67,165,119,118,29,194,176,183,147,146,192,202,248,245,12,240,57,53,179,21,230,155,84,198,69,32,157,166,107,98,26,96,198,175,251,128,213,157,225,218,134,121,171,37,98,176,180,18,231,43,93,75,13,168,55,12,117,121,165,182,244,90,187,122,169,234,102,10,90,222,166,27,16,195,104,167,15,170,3,127,144,157,153,42,5,157,248,106,242,191,145,172,18,197,129,28,169,253,121,69,10,157,171,80,9,223,31,158,73,113,89,22,7,150,221,162,175,23,192,17,105,138,206,111,96,221,214,220,89,45,250,160,34,35,62,46,158,109,199,199,120,155,195,199,192,191,83,72,102,175,201,213,222,143,167,211,247,249,142,172,162,47,189,74,96,55,100,111,34,202,175,206,94,37,201,46,206,126,249,186,236,13,28,45,51,92,103,138,210,255,242,37,220,27,152,90,102,184,206,20,165,255,213,171,189,55,240,52,79,112,149,37,70,254,75,247,133,111,224,135,81,191,202,12,163,253,197,27,200,55,176,51,209,191,202,16,163,62,210,178,108,190,93,67,15,68,45,118,230,205,15,71,249,65,39,57,107,17,42,219,213,243,249,169,209,6,190,114,166,32,232,134,93,237,143,34,123,250,1,238,110,51,178,212,242,127,199,54,171,129,203,236,223,191,220,213,195,233,238,55,225,198,67,140,78,156,73,202,191,144,216,233,229,6,233,58,17,57,60,20,43,1,143,95,146,34,141,233,95,135,202,173,225,143,242,137,158,23,46,215,166,150,3,107,217,203,130,165,33,26,199,177,122,68,60,74,212,200,81,118,85,118,120,218,254,173,66,44,211,47,247,44,14,210,37,96,146,30,85,228,233,80,171,147,174,109,168,80,22,188,104,194,190,123,61,134,152,130,182,48,184,103,239,118,187,67,51,244,4,146,156,207,155,78,80,165,216,20,144,215,45,13,83,210,24,4,83,175,48,111,155,211,35,57,125,219,216,125,131,63,132,228,165,244,68,77,29,91,130,98,79,224,239,181,37,101,64,231,92,98,185,111,132,214,53,207,179,49,188,240,10,204,33,119,16,251,142,31,5,81,189,209,27,246,146,102,136,67,124,78,45,216,4,76,45,152,196,45,58,193,240,54,133,125,87,33,11,212,85,109,204,160,35,94,19,110,143,139,108,222,179,253,149,28,222,204,139,129,86,82,227,61,121,142,245,149,160,211,185,127,147,54,185,56,230,146,189,234,212,162,157,150,147,50,188,68,23,249,193,239,191,179,219,255,147,230,224,249,140,217,132,117,202,23,15,195,195,123,141,148,182,213,45,199,194,229,56,174,185,54,210,113,156,178,115,35,45,216,217,187,151,101,109,102,141,115,144,204,198,155,170,170,98,56,29,87,249,50,243,233,11,219,81,31,24,123,128,74,187,209,120,200,105,145,155,8,242,249,218,205,28,243,43,116,250,95,75,153,105,48,175,95,17,254,86,34,204,101,217,19,134,249,174,58,180,20,242,205,122,161,247,0,214,68,146,15,175,88,41,67,246,141,54,152,147,214,138,172,63,32,249,75,25,115,156,93,233,215,7,242,31,199,73,119,33,168,66,244,221,169,126,137,113,114,224,136,39,106,233,6,61,221,98,233,108,242,227,178,43,103,206,206,118,206,251,115,155,29,8,71,55,163,108,217,22,27,226,50,153,144,101,106,14,64,53,142,109,82,163,214,214,199,177,161,136,71,78,136,255,5,242,110,254,60,54,57,0,0 };