.spinner{position:relative;display:inline-flex;height:3em;border-radius:2em}.spinner__up,.spinner__down{position:absolute;top:50%;z-index:2;transform:translateY(-50%)}.spinner__up{right:.25em}.spinner__down{left:.25em}.spinner__inner{position:relative;flex:0 0 100%;width:auto;max-width:100%;min-width:7em;display:flex}.spinner__count{padding:.25em;text-align:center;width:100%}.spinner__count.with-unit{text-align:right;padding-right:1.5em;z-index:2}.spinner__unit{position:absolute;left:calc(100% - 1em);top:50%;transform:translateY(-50%)}.spinner{border:.125rem solid #f2eff5;background-color:#fff}.spinner__up,.spinner__down{color:#00c8f5}