@import url(https://fonts.googleapis.com/css?family=Indie+Flower|Playfair+Display:400,700|Source+Sans+Pro:400,600);.variables.sun{background-color:#fec791!important}.variables.sun .range-slider-fill,.variables.sun h1:before{background-color:#af0800!important}.variables.sun .variables__content button{background-color:#af0800!important;border-color:#af0800!important}.variables.sun .variables__content button:hover{color:#af0800!important;background-color:#fec791!important}.range-slider-fill{background-color:#1976d2;transition:all .2s ease-in-out}body{font-family:Source Sans Pro,sans-serif;margin:0;overflow:hidden;padding:0}h1{position:relative;z-index:1;font-family:Playfair Display,serif;font-size:40px;color:#fff}h1 span{font-family:Indie Flower,cursive;font-size:30px}h1:before{background-color:#1976d2;content:"";height:120px;margin-left:-15px;margin-top:0;position:absolute;width:300px;z-index:-1;transition:all .2s ease-in-out}.variables{background-color:#bbdefb;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:all .5s cubic-bezier(.68,1.08,.75,1);width:320px}.variables.active{width:100%}.variables.active:before{position:absolute;background-color:#fff;width:1300px;height:1300px;bottom:-600px;right:-300px;content:"";border-radius:100%}.variables.active:after{position:absolute;background-color:#1976d2;width:600px;height:600px;bottom:-100px;right:-200px;content:"";border-radius:100%}.variables__titre{width:300px;margin:0;margin-left:30px;padding:30px 0 0 30px;transition:all .2s cubic-bezier(.68,1.08,.75,1)}.variables__titre.active{opacity:0;margin-left:0}.variables__content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center}.variables__content button{position:relative;z-index:1;border:0;border:2px solid #1976d2;background-color:#1976d2;color:#fff;cursor:pointer;font-size:30px;outline:none;padding:10px 20px;transition:all .2s cubic-bezier(.68,1.08,.75,1)}.variables__content button:hover{background-color:#bbdefb;color:#1976d2}.variables__content button.active{opacity:0;margin-left:-20px}.variables__mention a{position:relative;z-index:1;color:#757575;line-height:50px;padding:20px 30px;transition:all .2s cubic-bezier(.68,1.08,.75,1)}.variables__mention a.active{opacity:0;margin-left:-20px}.variables__stats{width:100%;padding:20px 30px}.variables__stats__titre{font-family:Indie Flower,cursive;font-size:25px;line-height:25px;max-width:280px;padding:20px 0}.variables__stats__next{text-align:center;padding-top:100px}.range-slider{display:inline-block;padding:0 10px;height:20px;width:130px}.range-slider.disabled{opacity:.5}.range-slider-inner{display:inline-block;position:relative;height:100%;width:100%}.range-slider-fill,.range-slider-rail{display:block;position:absolute;top:50%;left:0;height:4px;border-radius:2px;transform:translateY(-50%)}.range-slider-rail{width:100%;background-color:#e2e2e2}.range-slider-fill{background-color:#21fb92}.range-slider-knob{display:block;position:absolute;top:50%;left:0;box-sizing:border-box;height:20px;width:20px;border:1px solid #f5f5f5;border-radius:50%;background-color:#fff;box-shadow:1px 1px rgba(0,0,0,.2);transform:translate(-50%,-50%);cursor:pointer}.range-slider-hidden{display:none}.dg.main{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.panel[data-v-384e9da4]{position:absolute;right:0}