.metronome-orbit{position:absolute;top:50%;left:50%;width:118%;height:118%;border-radius:999px;border:2px dotted rgba(255,122,33,.38);transform:translate(-50%,-50%);animation:metronome-orbit-spin 14s linear infinite;pointer-events:none}.metronome-orbit--inner{width:102%;height:102%;border-style:dashed;border-color:rgba(17,17,17,.08);animation-duration:22s;animation-direction:reverse}@keyframes metronome-orbit-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.metronome-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#ece8e0;cursor:pointer}.metronome-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:999px;background:#ff7a21;border:3px solid #fff;box-shadow:0 4px 12px rgba(255,122,33,.35)}.metronome-range::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:#ff7a21;border:3px solid #fff;box-shadow:0 4px 12px rgba(255,122,33,.35)}.metronome-link{font-weight:600;color:#ff7a21;text-underline-offset:3px}.metronome-link:hover{text-decoration:underline}.metronome-kbd{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:.45rem;background:#fff6ee;border:1px solid rgba(17,17,17,.08);font-size:.7rem;font-weight:600;color:#111}@media (max-width:639px){.studio-pending.tools-page .metronome-tool .dp-container{width:100%!important}}@media (prefers-reduced-motion:reduce){.metronome-orbit,.metronome-orbit--inner{animation:none}}