.mc-root{color:#000;flex-direction:column;align-items:center;width:100%;padding:10px 0;font-family:consolas,monaco,menlo,courier,monospace;display:flex}.mc-circle{cursor:pointer;background-color:#ddd;background-image:radial-gradient(circle,#fff 0%,#888 100%);background-position:50%;background-repeat:no-repeat;border:10px solid #333;border-radius:20px;width:300px;height:300px;transition:border-radius .25s;animation:.3s ease-out mc-fadein;position:relative;overflow:hidden}.mc-circle.mc-muted{background-color:#87cefa;background-image:radial-gradient(circle,#fff 0%,#87cefa 100%)}.mc-circle:hover{border-radius:50%}@keyframes mc-fadein{0%{opacity:0}to{opacity:1}}.mc-n{z-index:2;width:280px;height:22px;position:absolute;top:129px;left:0}.mc-tn{float:right;text-shadow:1px 1px 2px #fff;color:#888;box-sizing:border-box;border-radius:50%;width:22px;height:22px;padding:4px;font-size:12px}.mc-tn.mc-left{float:left}.mc-br{text-align:center;color:#bbb;text-shadow:1px 1px 2px #fff;width:100px;margin-top:80px;margin-left:85px;font-size:24px;position:absolute}.mc-note{margin-top:10px;font-size:14px}.mc-needle{transform-origin:128px;z-index:5;background:brown;border-radius:100% 5px 5px 100%;width:145px;height:4px;position:absolute;top:138px;left:12px}.mc-medium{z-index:4;transform-origin:102px;background:#bc8f8f;width:120px;height:8px;top:136px;left:37px}.mc-short{transform-origin:83px;z-index:3;background:#333;width:100px;height:10px;top:136px;left:57px}.mc-pivot{float:right;box-sizing:border-box;background:#fff;border:4px solid brown;border-radius:50%;width:16px;height:16px;position:relative;top:-6px;right:10px;box-shadow:inset 0 0 4px #000}