framework7/lazy-components/stepper.css

Full featured mobile HTML framework for building iOS & Android apps

.stepper{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.stepper-button,.stepper-button-minus,.stepper-button-plus{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}.stepper-button .icon,.stepper-button-minus .icon,.stepper-button-plus .icon{pointer-events:none}.stepper-value{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.stepper-input-wrap,.stepper-value{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;text-align:center}.stepper-button-minus,.stepper-button-plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stepper-button-minus:after,.stepper-button-minus:before,.stepper-button-plus:after,.stepper-button-plus:before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.stepper-button-minus:after,.stepper-button-plus:after{width:15px;height:2px}.stepper-button-plus:before{height:15px;width:2px}.stepper .stepper-input-wrap input,.stepper .stepper-value{width:45px}.ios .stepper{height:29px}.ios .stepper-button,.ios .stepper-button-minus,.ios .stepper-button-plus{border:1px solid #007aff;color:#007aff;border-radius:5px;line-height:27px;height:29px;width:40px}.ios .stepper-button .f7-icons,.ios .stepper-button-minus .f7-icons,.ios .stepper-button-plus .f7-icons{font-size:22px}.ios .stepper-button-minus:first-child,.ios .stepper-button-plus:first-child,.ios .stepper-button:first-child{border-radius:5px 0 0 5px}.ios .stepper-button-minus:last-child,.ios .stepper-button-plus:last-child,.ios .stepper-button:last-child{border-radius:0 5px 5px 0}.ios .stepper-button-minus.active-state,.ios .stepper-button-plus.active-state,.ios .stepper-button.active-state{background:rgba(0,122,255,.15)}.ios .stepper-button+.stepper-button,.ios .stepper-button+.stepper-button-minus,.ios .stepper-button+.stepper-button-plus,.ios .stepper-button-minus+.stepper-button,.ios .stepper-button-minus+.stepper-button-minus,.ios .stepper-button-minus+.stepper-button-plus,.ios .stepper-button-plus+.stepper-button,.ios .stepper-button-plus+.stepper-button-minus,.ios .stepper-button-plus+.stepper-button-plus{border-left:none}.ios .stepper-button-minus:after,.ios .stepper-button-minus:before,.ios .stepper-button-plus:after,.ios .stepper-button-plus:before{background:#007aff}.ios .stepper-input-wrap,.ios .stepper-value{border-top:1px solid #007aff;border-bottom:1px solid #007aff}.ios .stepper .stepper-value{color:#007aff;font-size:17px}.ios .stepper .stepper-input-wrap input{height:100%;text-align:center;color:#007aff;font-size:17px}.ios .stepper-fill .stepper-button,.ios .stepper-fill .stepper-button-minus,.ios .stepper-fill .stepper-button-plus,.ios .stepper-fill-ios .stepper-button,.ios .stepper-fill-ios .stepper-button-minus,.ios .stepper-fill-ios .stepper-button-plus{color:#fff;background:#007aff}.ios .stepper-fill .stepper-button-minus.active-state,.ios .stepper-fill .stepper-button-plus.active-state,.ios .stepper-fill .stepper-button.active-state,.ios .stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-fill-ios .stepper-button.active-state{opacity:.8}.ios .stepper-fill .stepper-button-minus:after,.ios .stepper-fill .stepper-button-minus:before,.ios .stepper-fill .stepper-button-plus:after,.ios .stepper-fill .stepper-button-plus:before,.ios .stepper-fill-ios .stepper-button-minus:after,.ios .stepper-fill-ios .stepper-button-minus:before,.ios .stepper-fill-ios .stepper-button-plus:after,.ios .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .stepper-fill .stepper-button+.stepper-button,.ios .stepper-fill .stepper-button-minus+.stepper-button-plus,.ios .stepper-fill-ios .stepper-button+.stepper-button,.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus{border-left:1px solid rgba(0,0,0,.1)}.ios .stepper-round .stepper-button-minus:first-child,.ios .stepper-round .stepper-button-plus:first-child,.ios .stepper-round .stepper-button:first-child,.ios .stepper-round-ios .stepper-button-minus:first-child,.ios .stepper-round-ios .stepper-button-plus:first-child,.ios .stepper-round-ios .stepper-button:first-child{border-radius:29px 0 0 29px}.ios .stepper-round .stepper-button-minus:last-child,.ios .stepper-round .stepper-button-plus:last-child,.ios .stepper-round .stepper-button:last-child,.ios .stepper-round-ios .stepper-button-minus:last-child,.ios .stepper-round-ios .stepper-button-plus:last-child,.ios .stepper-round-ios .stepper-button:last-child{border-radius:0 29px 29px 0}.ios .stepper-small,.ios .stepper-small-ios{height:26px}.ios .stepper-small .stepper-input-wrap,.ios .stepper-small .stepper-value,.ios .stepper-small-ios .stepper-input-wrap,.ios .stepper-small-ios .stepper-value{border-top-width:2px;border-bottom-width:2px}.ios .stepper-small .stepper-button,.ios .stepper-small .stepper-button-minus,.ios .stepper-small .stepper-button-plus,.ios .stepper-small-ios .stepper-button,.ios .stepper-small-ios .stepper-button-minus,.ios .stepper-small-ios .stepper-button-plus{height:26px;-webkit-transition-duration:.2s;transition-duration:.2s;line-height:22px;border-width:2px}.ios .stepper-small .stepper-button .f7-icons,.ios .stepper-small .stepper-button-minus .f7-icons,.ios .stepper-small .stepper-button-plus .f7-icons,.ios .stepper-small-ios .stepper-button .f7-icons,.ios .stepper-small-ios .stepper-button-minus .f7-icons,.ios .stepper-small-ios .stepper-button-plus .f7-icons{font-size:18px}.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-small-ios.stepper-fill-ios .stepper-button.active-state,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.stepper-fill .stepper-button.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state,.ios .stepper-small.stepper-fill-ios .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent;opacity:1}.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:after,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-minus.active-state:before,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:after,.ios .stepper-small-ios.stepper-fill-ios .stepper-button-plus.active-state:before,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:after,.ios .stepper-small.stepper-fill-ios .stepper-button-minus.active-state:before,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:after,.ios .stepper-small.stepper-fill-ios .stepper-button-plus.active-state:before{background-color:#007aff}.ios .stepper-big,.ios .stepper-big-ios{height:44px}.ios .stepper-big .stepper-button,.ios .stepper-big .stepper-button-minus,.ios .stepper-big .stepper-button-plus,.ios .stepper-big-ios .stepper-button,.ios .stepper-big-ios .stepper-button-minus,.ios .stepper-big-ios .stepper-button-plus{height:44px;line-height:42px}.ios .color-theme-red .stepper-button,.ios .color-theme-red .stepper-button-minus,.ios .color-theme-red .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .color-theme-red .stepper-button-minus.active-state,.ios .color-theme-red .stepper-button-plus.active-state,.ios .color-theme-red .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .color-theme-red .stepper-button-minus:after,.ios .color-theme-red .stepper-button-minus:before,.ios .color-theme-red .stepper-button-plus:after,.ios .color-theme-red .stepper-button-plus:before{background-color:#ff3b30}.ios .color-theme-red .stepper-input-wrap,.ios .color-theme-red .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .color-theme-red .stepper-input-wrap input,.ios .color-theme-red .stepper-value{color:#ff3b30}.ios .color-theme-red .stepper-fill .stepper-button,.ios .color-theme-red .stepper-fill .stepper-button-minus,.ios .color-theme-red .stepper-fill .stepper-button-plus,.ios .color-theme-red .stepper-fill-ios .stepper-button,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus{background-color:#ff3b30}.ios .color-theme-red .stepper-fill .stepper-button-minus:after,.ios .color-theme-red .stepper-fill .stepper-button-minus:before,.ios .color-theme-red .stepper-fill .stepper-button-plus:after,.ios .color-theme-red .stepper-fill .stepper-button-plus:before,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-red .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-red .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-red .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .color-theme-green .stepper-button,.ios .color-theme-green .stepper-button-minus,.ios .color-theme-green .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .color-theme-green .stepper-button-minus.active-state,.ios .color-theme-green .stepper-button-plus.active-state,.ios .color-theme-green .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .color-theme-green .stepper-button-minus:after,.ios .color-theme-green .stepper-button-minus:before,.ios .color-theme-green .stepper-button-plus:after,.ios .color-theme-green .stepper-button-plus:before{background-color:#4cd964}.ios .color-theme-green .stepper-input-wrap,.ios .color-theme-green .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .color-theme-green .stepper-input-wrap input,.ios .color-theme-green .stepper-value{color:#4cd964}.ios .color-theme-green .stepper-fill .stepper-button,.ios .color-theme-green .stepper-fill .stepper-button-minus,.ios .color-theme-green .stepper-fill .stepper-button-plus,.ios .color-theme-green .stepper-fill-ios .stepper-button,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus{background-color:#4cd964}.ios .color-theme-green .stepper-fill .stepper-button-minus:after,.ios .color-theme-green .stepper-fill .stepper-button-minus:before,.ios .color-theme-green .stepper-fill .stepper-button-plus:after,.ios .color-theme-green .stepper-fill .stepper-button-plus:before,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-green .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-green .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-green .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .color-theme-blue .stepper-button,.ios .color-theme-blue .stepper-button-minus,.ios .color-theme-blue .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .color-theme-blue .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .color-theme-blue .stepper-button-minus:after,.ios .color-theme-blue .stepper-button-minus:before,.ios .color-theme-blue .stepper-button-plus:after,.ios .color-theme-blue .stepper-button-plus:before{background-color:#007aff}.ios .color-theme-blue .stepper-input-wrap,.ios .color-theme-blue .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .color-theme-blue .stepper-input-wrap input,.ios .color-theme-blue .stepper-value{color:#007aff}.ios .color-theme-blue .stepper-fill .stepper-button,.ios .color-theme-blue .stepper-fill .stepper-button-minus,.ios .color-theme-blue .stepper-fill .stepper-button-plus,.ios .color-theme-blue .stepper-fill-ios .stepper-button,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus{background-color:#007aff}.ios .color-theme-blue .stepper-fill .stepper-button-minus:after,.ios .color-theme-blue .stepper-fill .stepper-button-minus:before,.ios .color-theme-blue .stepper-fill .stepper-button-plus:after,.ios .color-theme-blue .stepper-fill .stepper-button-plus:before,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-blue .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-blue .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-blue .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .color-theme-pink .stepper-button,.ios .color-theme-pink .stepper-button-minus,.ios .color-theme-pink .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .color-theme-pink .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .color-theme-pink .stepper-button-minus:after,.ios .color-theme-pink .stepper-button-minus:before,.ios .color-theme-pink .stepper-button-plus:after,.ios .color-theme-pink .stepper-button-plus:before{background-color:#ff2d55}.ios .color-theme-pink .stepper-input-wrap,.ios .color-theme-pink .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .color-theme-pink .stepper-input-wrap input,.ios .color-theme-pink .stepper-value{color:#ff2d55}.ios .color-theme-pink .stepper-fill .stepper-button,.ios .color-theme-pink .stepper-fill .stepper-button-minus,.ios .color-theme-pink .stepper-fill .stepper-button-plus,.ios .color-theme-pink .stepper-fill-ios .stepper-button,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus{background-color:#ff2d55}.ios .color-theme-pink .stepper-fill .stepper-button-minus:after,.ios .color-theme-pink .stepper-fill .stepper-button-minus:before,.ios .color-theme-pink .stepper-fill .stepper-button-plus:after,.ios .color-theme-pink .stepper-fill .stepper-button-plus:before,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-pink .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-pink .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-pink .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .color-theme-yellow .stepper-button,.ios .color-theme-yellow .stepper-button-minus,.ios .color-theme-yellow .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .color-theme-yellow .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .color-theme-yellow .stepper-button-minus:after,.ios .color-theme-yellow .stepper-button-minus:before,.ios .color-theme-yellow .stepper-button-plus:after,.ios .color-theme-yellow .stepper-button-plus:before{background-color:#fc0}.ios .color-theme-yellow .stepper-input-wrap,.ios .color-theme-yellow .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .color-theme-yellow .stepper-input-wrap input,.ios .color-theme-yellow .stepper-value{color:#fc0}.ios .color-theme-yellow .stepper-fill .stepper-button,.ios .color-theme-yellow .stepper-fill .stepper-button-minus,.ios .color-theme-yellow .stepper-fill .stepper-button-plus,.ios .color-theme-yellow .stepper-fill-ios .stepper-button,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus{background-color:#fc0}.ios .color-theme-yellow .stepper-fill .stepper-button-minus:after,.ios .color-theme-yellow .stepper-fill .stepper-button-minus:before,.ios .color-theme-yellow .stepper-fill .stepper-button-plus:after,.ios .color-theme-yellow .stepper-fill .stepper-button-plus:before,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-yellow .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button.active-state{color:#fc0;border-color:#fc0;background-color:transparent}.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-yellow .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fc0}.ios .color-theme-orange .stepper-button,.ios .color-theme-orange .stepper-button-minus,.ios .color-theme-orange .stepper-button-plus{border-color:#ff9500;color:#ff9500}.ios .color-theme-orange .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-button.active-state{background-color:rgba(255,149,0,.15)}.ios .color-theme-orange .stepper-button-minus:after,.ios .color-theme-orange .stepper-button-minus:before,.ios .color-theme-orange .stepper-button-plus:after,.ios .color-theme-orange .stepper-button-plus:before{background-color:#ff9500}.ios .color-theme-orange .stepper-input-wrap,.ios .color-theme-orange .stepper-value{border-top-color:#ff9500;border-bottom-color:#ff9500}.ios .color-theme-orange .stepper-input-wrap input,.ios .color-theme-orange .stepper-value{color:#ff9500}.ios .color-theme-orange .stepper-fill .stepper-button,.ios .color-theme-orange .stepper-fill .stepper-button-minus,.ios .color-theme-orange .stepper-fill .stepper-button-plus,.ios .color-theme-orange .stepper-fill-ios .stepper-button,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus{background-color:#ff9500}.ios .color-theme-orange .stepper-fill .stepper-button-minus:after,.ios .color-theme-orange .stepper-fill .stepper-button-minus:before,.ios .color-theme-orange .stepper-fill .stepper-button-plus:after,.ios .color-theme-orange .stepper-fill .stepper-button-plus:before,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-orange .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-orange .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button.active-state{color:#ff9500;border-color:#ff9500;background-color:transparent}.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-orange .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff9500}.ios .color-theme-gray .stepper-button,.ios .color-theme-gray .stepper-button-minus,.ios .color-theme-gray .stepper-button-plus{border-color:#8e8e93;color:#8e8e93}.ios .color-theme-gray .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-button.active-state{background-color:rgba(142,142,147,.15)}.ios .color-theme-gray .stepper-button-minus:after,.ios .color-theme-gray .stepper-button-minus:before,.ios .color-theme-gray .stepper-button-plus:after,.ios .color-theme-gray .stepper-button-plus:before{background-color:#8e8e93}.ios .color-theme-gray .stepper-input-wrap,.ios .color-theme-gray .stepper-value{border-top-color:#8e8e93;border-bottom-color:#8e8e93}.ios .color-theme-gray .stepper-input-wrap input,.ios .color-theme-gray .stepper-value{color:#8e8e93}.ios .color-theme-gray .stepper-fill .stepper-button,.ios .color-theme-gray .stepper-fill .stepper-button-minus,.ios .color-theme-gray .stepper-fill .stepper-button-plus,.ios .color-theme-gray .stepper-fill-ios .stepper-button,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus{background-color:#8e8e93}.ios .color-theme-gray .stepper-fill .stepper-button-minus:after,.ios .color-theme-gray .stepper-fill .stepper-button-minus:before,.ios .color-theme-gray .stepper-fill .stepper-button-plus:after,.ios .color-theme-gray .stepper-fill .stepper-button-plus:before,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-gray .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-gray .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button.active-state{color:#8e8e93;border-color:#8e8e93;background-color:transparent}.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-gray .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#8e8e93}.ios .color-theme-white .stepper-button,.ios .color-theme-white .stepper-button-minus,.ios .color-theme-white .stepper-button-plus{border-color:#fff;color:#fff}.ios .color-theme-white .stepper-button-minus.active-state,.ios .color-theme-white .stepper-button-plus.active-state,.ios .color-theme-white .stepper-button.active-state{background-color:rgba(255,255,255,.15)}.ios .color-theme-white .stepper-button-minus:after,.ios .color-theme-white .stepper-button-minus:before,.ios .color-theme-white .stepper-button-plus:after,.ios .color-theme-white .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper-input-wrap,.ios .color-theme-white .stepper-value{border-top-color:#fff;border-bottom-color:#fff}.ios .color-theme-white .stepper-input-wrap input,.ios .color-theme-white .stepper-value{color:#fff}.ios .color-theme-white .stepper-fill .stepper-button,.ios .color-theme-white .stepper-fill .stepper-button-minus,.ios .color-theme-white .stepper-fill .stepper-button-plus,.ios .color-theme-white .stepper-fill-ios .stepper-button,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus{background-color:#fff}.ios .color-theme-white .stepper-fill .stepper-button-minus:after,.ios .color-theme-white .stepper-fill .stepper-button-minus:before,.ios .color-theme-white .stepper-fill .stepper-button-plus:after,.ios .color-theme-white .stepper-fill .stepper-button-plus:before,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-white .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-white .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button.active-state{color:#fff;border-color:#fff;background-color:transparent}.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-white .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#fff}.ios .color-theme-black .stepper-button,.ios .color-theme-black .stepper-button-minus,.ios .color-theme-black .stepper-button-plus{border-color:#000;color:#000}.ios .color-theme-black .stepper-button-minus.active-state,.ios .color-theme-black .stepper-button-plus.active-state,.ios .color-theme-black .stepper-button.active-state{background-color:rgba(0,0,0,.15)}.ios .color-theme-black .stepper-button-minus:after,.ios .color-theme-black .stepper-button-minus:before,.ios .color-theme-black .stepper-button-plus:after,.ios .color-theme-black .stepper-button-plus:before{background-color:#000}.ios .color-theme-black .stepper-input-wrap,.ios .color-theme-black .stepper-value{border-top-color:#000;border-bottom-color:#000}.ios .color-theme-black .stepper-input-wrap input,.ios .color-theme-black .stepper-value{color:#000}.ios .color-theme-black .stepper-fill .stepper-button,.ios .color-theme-black .stepper-fill .stepper-button-minus,.ios .color-theme-black .stepper-fill .stepper-button-plus,.ios .color-theme-black .stepper-fill-ios .stepper-button,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus{background-color:#000}.ios .color-theme-black .stepper-fill .stepper-button-minus:after,.ios .color-theme-black .stepper-fill .stepper-button-minus:before,.ios .color-theme-black .stepper-fill .stepper-button-plus:after,.ios .color-theme-black .stepper-fill .stepper-button-plus:before,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:after,.ios .color-theme-black .stepper-fill-ios .stepper-button-minus:before,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:after,.ios .color-theme-black .stepper-fill-ios .stepper-button-plus:before{background-color:#fff}.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button.active-state{color:#000;border-color:#000;background-color:transparent}.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper-small-ios.stepper-fill .stepper-button-plus.active-state:before,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:after,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-minus.active-state:before,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:after,.ios .color-theme-black .stepper-small.stepper-fill .stepper-button-plus.active-state:before{background-color:#000}.ios .stepper.color-red .stepper-button,.ios .stepper.color-red .stepper-button-minus,.ios .stepper.color-red .stepper-button-plus{border-color:#ff3b30;color:#ff3b30}.ios .stepper.color-red .stepper-button-minus.active-state,.ios .stepper.color-red .stepper-button-plus.active-state,.ios .stepper.color-red .stepper-button.active-state{background-color:rgba(255,59,48,.15)}.ios .stepper.color-red .stepper-button-minus:after,.ios .stepper.color-red .stepper-button-minus:before,.ios .stepper.color-red .stepper-button-plus:after,.ios .stepper.color-red .stepper-button-plus:before{background-color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap,.ios .stepper.color-red .stepper-value{border-top-color:#ff3b30;border-bottom-color:#ff3b30}.ios .stepper.color-red .stepper-input-wrap input,.ios .stepper.color-red .stepper-value{color:#ff3b30}.ios .stepper-fill-ios.color-red .stepper-button,.ios .stepper-fill-ios.color-red .stepper-button-minus,.ios .stepper-fill-ios.color-red .stepper-button-plus,.ios .stepper-fill.color-red .stepper-button,.ios .stepper-fill.color-red .stepper-button-minus,.ios .stepper-fill.color-red .stepper-button-plus{background-color:#ff3b30}.ios .stepper-fill-ios.color-red .stepper-button-minus:after,.ios .stepper-fill-ios.color-red .stepper-button-minus:before,.ios .stepper-fill-ios.color-red .stepper-button-plus:after,.ios .stepper-fill-ios.color-red .stepper-button-plus:before,.ios .stepper-fill.color-red .stepper-button-minus:after,.ios .stepper-fill.color-red .stepper-button-minus:before,.ios .stepper-fill.color-red .stepper-button-plus:after,.ios .stepper-fill.color-red .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-red.stepper-fill .stepper-button.active-state{color:#ff3b30;border-color:#ff3b30;background-color:transparent}.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-red.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-red.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-red.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff3b30}.ios .stepper.color-green .stepper-button,.ios .stepper.color-green .stepper-button-minus,.ios .stepper.color-green .stepper-button-plus{border-color:#4cd964;color:#4cd964}.ios .stepper.color-green .stepper-button-minus.active-state,.ios .stepper.color-green .stepper-button-plus.active-state,.ios .stepper.color-green .stepper-button.active-state{background-color:rgba(76,217,100,.15)}.ios .stepper.color-green .stepper-button-minus:after,.ios .stepper.color-green .stepper-button-minus:before,.ios .stepper.color-green .stepper-button-plus:after,.ios .stepper.color-green .stepper-button-plus:before{background-color:#4cd964}.ios .stepper.color-green .stepper-input-wrap,.ios .stepper.color-green .stepper-value{border-top-color:#4cd964;border-bottom-color:#4cd964}.ios .stepper.color-green .stepper-input-wrap input,.ios .stepper.color-green .stepper-value{color:#4cd964}.ios .stepper-fill-ios.color-green .stepper-button,.ios .stepper-fill-ios.color-green .stepper-button-minus,.ios .stepper-fill-ios.color-green .stepper-button-plus,.ios .stepper-fill.color-green .stepper-button,.ios .stepper-fill.color-green .stepper-button-minus,.ios .stepper-fill.color-green .stepper-button-plus{background-color:#4cd964}.ios .stepper-fill-ios.color-green .stepper-button-minus:after,.ios .stepper-fill-ios.color-green .stepper-button-minus:before,.ios .stepper-fill-ios.color-green .stepper-button-plus:after,.ios .stepper-fill-ios.color-green .stepper-button-plus:before,.ios .stepper-fill.color-green .stepper-button-minus:after,.ios .stepper-fill.color-green .stepper-button-minus:before,.ios .stepper-fill.color-green .stepper-button-plus:after,.ios .stepper-fill.color-green .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-green.stepper-fill .stepper-button.active-state{color:#4cd964;border-color:#4cd964;background-color:transparent}.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-green.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-green.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-green.stepper-fill .stepper-button-plus.active-state:before{background-color:#4cd964}.ios .stepper.color-blue .stepper-button,.ios .stepper.color-blue .stepper-button-minus,.ios .stepper.color-blue .stepper-button-plus{border-color:#007aff;color:#007aff}.ios .stepper.color-blue .stepper-button-minus.active-state,.ios .stepper.color-blue .stepper-button-plus.active-state,.ios .stepper.color-blue .stepper-button.active-state{background-color:rgba(0,122,255,.15)}.ios .stepper.color-blue .stepper-button-minus:after,.ios .stepper.color-blue .stepper-button-minus:before,.ios .stepper.color-blue .stepper-button-plus:after,.ios .stepper.color-blue .stepper-button-plus:before{background-color:#007aff}.ios .stepper.color-blue .stepper-input-wrap,.ios .stepper.color-blue .stepper-value{border-top-color:#007aff;border-bottom-color:#007aff}.ios .stepper.color-blue .stepper-input-wrap input,.ios .stepper.color-blue .stepper-value{color:#007aff}.ios .stepper-fill-ios.color-blue .stepper-button,.ios .stepper-fill-ios.color-blue .stepper-button-minus,.ios .stepper-fill-ios.color-blue .stepper-button-plus,.ios .stepper-fill.color-blue .stepper-button,.ios .stepper-fill.color-blue .stepper-button-minus,.ios .stepper-fill.color-blue .stepper-button-plus{background-color:#007aff}.ios .stepper-fill-ios.color-blue .stepper-button-minus:after,.ios .stepper-fill-ios.color-blue .stepper-button-minus:before,.ios .stepper-fill-ios.color-blue .stepper-button-plus:after,.ios .stepper-fill-ios.color-blue .stepper-button-plus:before,.ios .stepper-fill.color-blue .stepper-button-minus:after,.ios .stepper-fill.color-blue .stepper-button-minus:before,.ios .stepper-fill.color-blue .stepper-button-plus:after,.ios .stepper-fill.color-blue .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-blue.stepper-fill .stepper-button.active-state{color:#007aff;border-color:#007aff;background-color:transparent}.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-blue.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-blue.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-blue.stepper-fill .stepper-button-plus.active-state:before{background-color:#007aff}.ios .stepper.color-pink .stepper-button,.ios .stepper.color-pink .stepper-button-minus,.ios .stepper.color-pink .stepper-button-plus{border-color:#ff2d55;color:#ff2d55}.ios .stepper.color-pink .stepper-button-minus.active-state,.ios .stepper.color-pink .stepper-button-plus.active-state,.ios .stepper.color-pink .stepper-button.active-state{background-color:rgba(255,45,85,.15)}.ios .stepper.color-pink .stepper-button-minus:after,.ios .stepper.color-pink .stepper-button-minus:before,.ios .stepper.color-pink .stepper-button-plus:after,.ios .stepper.color-pink .stepper-button-plus:before{background-color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap,.ios .stepper.color-pink .stepper-value{border-top-color:#ff2d55;border-bottom-color:#ff2d55}.ios .stepper.color-pink .stepper-input-wrap input,.ios .stepper.color-pink .stepper-value{color:#ff2d55}.ios .stepper-fill-ios.color-pink .stepper-button,.ios .stepper-fill-ios.color-pink .stepper-button-minus,.ios .stepper-fill-ios.color-pink .stepper-button-plus,.ios .stepper-fill.color-pink .stepper-button,.ios .stepper-fill.color-pink .stepper-button-minus,.ios .stepper-fill.color-pink .stepper-button-plus{background-color:#ff2d55}.ios .stepper-fill-ios.color-pink .stepper-button-minus:after,.ios .stepper-fill-ios.color-pink .stepper-button-minus:before,.ios .stepper-fill-ios.color-pink .stepper-button-plus:after,.ios .stepper-fill-ios.color-pink .stepper-button-plus:before,.ios .stepper-fill.color-pink .stepper-button-minus:after,.ios .stepper-fill.color-pink .stepper-button-minus:before,.ios .stepper-fill.color-pink .stepper-button-plus:after,.ios .stepper-fill.color-pink .stepper-button-plus:before{background-color:#fff}.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state,.ios .stepper-small.color-pink.stepper-fill .stepper-button.active-state{color:#ff2d55;border-color:#ff2d55;background-color:transparent}.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small-ios.color-pink.stepper-fill .stepper-button-plus.active-state:before,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:after,.ios .stepper-small.color-pink.stepper-fill .stepper-button-minus.active-state:before,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:after,.ios .stepper-small.color-pink.stepper-fill .stepper-button-plus.active-state:before{background-color:#ff2d55}.ios .stepper.color-yellow .stepper-button,.ios .stepper.color-yellow .stepper-button-minus,.ios .stepper.color-yellow .stepper-button-plus{border-color:#fc0;color:#fc0}.ios .stepper.color-yellow .stepper-button-minus.active-state,.ios .stepper.color-yellow .stepper-button-plus.active-state,.ios .stepper.color-yellow .stepper-button.active-state{background-color:rgba(255,204,0,.15)}.ios .stepper.color-yellow .stepper-button-minus:after,.ios .stepper.color-yellow .stepper-button-minus:before,.ios .stepper.color-yellow .stepper-button-plus:after,.ios .stepper.color-yellow .stepper-button-plus:before{background-color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap,.ios .stepper.color-yellow .stepper-value{border-top-color:#fc0;border-bottom-color:#fc0}.ios .stepper.color-yellow .stepper-input-wrap input,.ios .stepper.color-yellow .stepper-value{color:#fc0}.ios .stepper-fill-ios.color-yellow .stepper-button,.ios .stepper-fill-ios.color-yellow .stepper-button-minus,.ios .stepper-fill-ios.color-yellow .stepper-button-plus,.ios .stepper-fill.color-yellow