.mode_choice{bottom:60px;left:0;overflow:hidden;padding-bottom:4px;position:absolute;text-align:left;z-index:1010}.switcher{margin:20px 0}.switcher,.switcher input{border-radius:25px;position:relative;width:275px}.switcher input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1e1e1e;font-family:Roboto,sans-serif;height:45px;outline:none}.switcher input:after,.switcher input:before{color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.switcher input:before{content:"PRÉVISION";font-weight:700;left:20px}.switcher input:after{content:"PLANIFICATION";font-weight:700;right:20px}.switcher label{border-radius:20px;bottom:5px;position:absolute;top:8px;z-index:1}.switcher.switcherItem input{transition:.25s -.1s}.switcher.switcherItem input:checked{background-color:#1e1e1e}.switcher.switcherItem input:checked:before{color:#1e1e1e;transition:color .5s .2s}.switcher.switcherItem input:checked:after{color:#ccc;transition:color .5s}.switcher.switcherItem input:checked+label{background:#fff;left:10px;right:160px;transition:left .5s,right .4s .2s}.switcher.switcherItem input:not(:checked){background:#1e1e1e;transition:background .5s -.1s}.switcher.switcherItem input:not(:checked):before{color:#ccc;transition:color .5s}.switcher.switcherItem input:not(:checked):after{color:#1e1e1e;transition:color .5s .2s}.switcher.switcherItem input:not(:checked)+label{background:#fff;left:125px;right:10px;transition:left .4s .2s,right .5s,background .35s -.1s}@keyframes turn-on{0%{left:100%}to{left:0}}@keyframes turn-off{0%{right:100%}to{right:0}}