.rangeslider,.rangeslider__fill{display:block;-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);box-shadow:inset 0px 1px 3px rgba(0,0,0,0.3);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.rangeslider{background:#e6e6e6;position:relative}.rangeslider--horizontal{height:20px;width:100%}.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}.rangeslider--disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity:0.4}.rangeslider__fill{background:#00ff00;position:absolute}.rangeslider--horizontal .rangeslider__fill{top:0;height:100%}.rangeslider--vertical .rangeslider__fill{bottom:0;width:100%}.rangeslider--horizontal .rangeslider__handle{top:-10px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider--vertical .rangeslider__handle{left:-10px;touch-action:pan-x;-ms-touch-action:pan-x}input[type="range"]:focus+.rangeslider .rangeslider__handle{-moz-box-shadow:0 0 8px rgba(255,0,255,0.9);-webkit-box-shadow:0 0 8px rgba(255,0,255,0.9);box-shadow:0 0 8px rgba(255,0,255,0.9)}.rangeslider {background:#DFE8F2 !important;box-shadow:none !important}.range-container{padding:10px 0 30px 0;border-radius:3px !important}.rangeslider--horizontal{height:3px !important;margin-top:20px !important;background:#DFE8F2 !important;box-shadow:none !important;border-radius:3px !important}.rangeslider__handle{width:22px !important;height:18px !important;border-radius:5px !important;top:-8px !important;background-color:#fff !important;border:none !important;background-image:none !important;box-shadow:0 5px 10px 0 rgba(128,145,161,0.55) !important;cursor:pointer}.rangeslider__fill{background:rgba(26,70,115,0.5) !important}body{font-family:'Lato', sans-serif;background-image:linear-gradient(180deg, #667585 0%, #36414D 100%)}*{margin:0;padding:0;list-style:none;position:relative;box-sizing:border-box}.background-panel{width:100%;height:100vh;background:#1D2025;position:absolute;top:0px;left:0px;z-index:1;background-image:linear-gradient(180deg, #667585 0%, #36414D 100%)}.container{width:100%;height:100vh;float:left;z-index:2}.container-page{width:34%}h1{color:white;font-weight:lighter;font-size:60px;margin:0 0 30px 0}p{color:rgba(255,255,255,0.7);font-size:18px;line-height:26px}.app{max-width:450px;width:100%;height:800px;position:absolute;background:#FFF;border-radius:5px;background:#EEF7F1;box-shadow:0 30px 80px 0 rgba(2,5,25,0.76);border-radius:20px 35px 35px 35px}h6{font-size:20px;color:#184674}h6 .icon{display:inline-block;margin:0 10px 0 0}input{background:none;border-color:transparent;width:60px;float:left;color:#184674;font-size:45px;font-family:'Lato', sans-serif;font-weight:normal;text-align:center;cursor:pointer}input:focus{outline:none;border:none;outline-width:0;cursor:default;background:#FFF;box-shadow:0 5px 10px 0 rgba(128,145,161,0.55) !important;border-radius:5px;margin:0 0 4px 0}input.front{text-align:right}input[name="distance"]{width:100px;float:right}.spacer{height:40px;width:12px;padding:5px 4px 0 4px;float:left;font-size:34px;color:#184674;text-align:center;animation-name:spacer;animation-duration:2s;animation-iteration-count:infinite}@keyframes spacer{0%{opacity:0.1}50%{opacity:0.5}100%{opacity:0.1}}.input-group{float:right}.controls{width:100%;float:left}label{width:100%;float:left;text-align:right;font-weight:bold;color:rgba(26,70,115,0.5)}.panel{width:90%;position:absolute;left:5%;padding:5%;border-radius:5px}.panel[position="1"]{height:380px;top:0;left:0;width:100%;padding-top:80px;z-index:1;background-image:linear-gradient(180deg, #C491C9 0%, #A275A7 100%);border-radius:20px 20px 0 0}.panel[position="1"] h6{display:none}.panel[position="1"] input{font-weight:lighter;pointer-events:none;font-size:100px;color:#FFFFFF;letter-spacing:0;text-shadow:0 10px 20px rgba(0,0,0,0.2)}.panel[position="1"] input[name="distance"]{width:100%;text-align:center}.panel[position="1"] .input-group{width:100%;text-align:center;float:none}.panel[position="1"] .input-group-pace input{width:120px;float:none}.panel[position="1"] .input-group-time input{width:110px;float:none;font-size:80px}.panel[position="1"] label{width:100%;text-align:center;font-size:20px;font-weight:normal;color:rgba(255,255,255,0.3)}.panel[position="1"] .spacer{height:50px;float:none;font-size:70px;color:rgba(255,255,255,0.7)}.panel[position="1"] .controls{display:none}.panel[position="2"],.panel[position="3"]{top:350px;background:#FFFFFF;box-shadow:0 10px 30px 0 rgba(0,0,0,0.16);border-radius:10px;z-index:2}.panel[position="3"]{top:540px}.presets{width:100%;float:left;margin:20px 0 0 0}.presets li{float:left;margin:0 4px 0 0;padding:3px 7px;background:#DFE8F2;border-radius:3px;cursor:pointer;font-weight:bold;font-size:12px;color:rgba(26,70,115,0.5)}.panel.navigation{top:280px;padding:0;z-index:4}.panel.navigation ul{width:100%;float:right;background:rgba(255,255,255,0.1);border-radius:4px}.panel.navigation li{width:33%;float:right;padding:15px 0;text-align:center;font-weight:bold;font-size:15px;color:#fff;cursor:pointer}.panel.navigation li.active{margin:-5px 0;padding:18px 0 17px 0;border-radius:4px;color:#1a4673;font-size:18px;background:#FFFFFF;box-shadow:0 5px 10px 0 rgba(128,145,161,0.55) !important}.panel.navigation li.active .icon{display:block}.icon{height:24px;width:20px;float:left;margin:0 -25px 0 20px;display:none}

/*# sourceMappingURL=screen.css.map */