body{background-color:#f1fff1}#app{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Avenir,Helvetica,Arial,sans-serif}#app .item-group{-webkit-transform:translate(-50%,-50%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#app .item-group .item{-webkit-user-select:none;border-radius:6px;color:green;cursor:pointer;display:block;font-size:21px;padding:20px 0;width:240px}@media (min-width:420px){#app .item-group .item:hover{background-color:#fff}}#app .item-group .item .switch{-webkit-transition:.2s;background-color:#c3eac3;border-radius:10px;display:inline-block;height:16px;margin:0 10px 0 54px;position:relative;transition:.2s;width:40px}#app .item-group .item .switch:before{-webkit-box-shadow:0 2px 10px #aaa;-webkit-transition:.2s;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #aaa;content:"";height:20px;left:0;margin-top:-10px;position:absolute;top:50%;transition:.2s;width:20px}#app .item-group .item.active .switch{background-color:green}#app .item-group .item.active .switch:before{left:20px}