.circle{border-radius:3px;padding:.25em .4em;font-weight:400;line-height:1.3;font-size:85%}.circle:empty{display:inline-block;vertical-align:inherit}.circle-pill{color:#fff;padding-right:.6em;padding-left:.6em;border-radius:10rem}.circle-sm{line-height:1.2;padding-top:1px;padding-bottom:2px;font-size:75%}.circle-lg{line-height:1.5;padding:5px 7px;font-size:95%}.circle-xl{line-height:1.7;padding:7px 9px;font-size:100%}.circle-dot{width:8px;height:8px;padding:0;border-radius:100%;vertical-align:middle}.circle-dot.circle-sm{width:6px;height:6px}.circle-dot.circle-lg{width:10px;height:10px}.circle-dot.circle-xl{width:12px;height:12px}.circle-ring{position:relative;width:10px;height:10px;padding:0;border-radius:100%;vertical-align:middle}.circle-ring:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background-color:#fff;transform:scale(1);transition:.3s}.circle-ring.circle-sm{width:8px;height:8px}.circle-ring.circle-sm:after{width:4px;height:4px}.circle-ring.circle-lg{width:12px;height:12px}.circle-ring.circle-lg:after{width:8px;height:8px}.circle-ring.circle-xl{width:14px;height:14px}.circle-ring.circle-xl:after{width:10px;height:10px}.circle-ring.fill:after{transform:scale(0)}.circle-bold{text-transform:uppercase;font-weight:500;letter-spacing:1px}