.pitch-clock{position:relative;width:min(100%,290px);aspect-ratio:1;margin:0 auto;border-radius:50%;background:radial-gradient(circle,var(--tone-30454044,#30454044),transparent 65%);border:1px solid var(--tone-a5c0b51a,#a5c0b51a)}.pitch-clock-shape{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}.pitch-clock-note{position:absolute;transform:translate(-50%,-50%);width:25px;height:25px;border:1px solid var(--tone-44564f,#44564f);border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--tone-687d76,#687d76);background:var(--tone-15221f,#15221f);transition:background .15s,box-shadow .15s}.pitch-clock-note.home-tone{color:var(--tone-c4d3c9,#c4d3c9);border-color:var(--tone-7a9b7b,#7a9b7b);background:var(--tone-24382c,#24382c)}.pitch-clock-note.chord-tone{color:var(--tone-17201e,#17201e);background:var(--tone-edbd82,#edbd82);border-color:var(--tone-edbd82,#edbd82);box-shadow:0 0 13px var(--tone-edbd822a,#edbd822a)}.pitch-clock-note.same-family-tone{background:var(--tone-8acbd9,#8acbd9);border-color:var(--tone-8acbd9,#8acbd9)}.pitch-clock-note.other-family-tone{background:var(--tone-ef967f,#ef967f);border-color:var(--tone-ef967f,#ef967f)}.pitch-clock-note.tonic:before{content:'';position:absolute;top:-7px;width:3px;height:4px;background:var(--tone-e4eadd,#e4eadd)}.pitch-clock-note.chord-root{font-weight:900}.pitch-clock-note.lowest{outline:1px solid var(--tone-f0f5e6,#f0f5e6);outline-offset:3px}.pitch-clock-note.transferred{border-style:dashed}.pitch-clock-note.preview-tone{box-shadow:0 0 0 3px var(--tone-a9ddd655,#a9ddd655)}.pitch-clock-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:pre;text-align:center;font-size:9px;line-height:1.6;color:var(--tone-bcc9bd,#bcc9bd);letter-spacing:1px;pointer-events:none}.pitch-clock-caption{font-size:8px!important;line-height:1.7!important;color:var(--tone-9daea4,#9daea4)!important;margin:12px 0 0!important}.pitch-register{position:relative;height:37px;margin:12px 12px 0;border-top:1px solid var(--tone-9aac8a44,#9aac8a44);background:repeating-linear-gradient(to right,var(--tone-9aac8a22,#9aac8a22) 0,var(--tone-9aac8a22,#9aac8a22) 1px,transparent 1px,transparent 9.4488%)}.pitch-register small{position:absolute;bottom:0;transform:translateX(-50%);font-size:8px;color:var(--tone-899c90,#899c90)}.pitch-register-note{position:absolute;top:7px;width:5px;height:9px;border-radius:2px;background:var(--tone-edbd82,#edbd82);transform:translateX(-50%)}.pitch-register-note.root-to-bass{background:var(--tone-8acbd9,#8acbd9)}.viz-wheel .pitch-clock{width:100%}.viz-wheel{border:none!important;background:none!important;aspect-ratio:auto!important}.viz-wheel .pitch-clock-note{width:30px;height:30px;font-size:11px}.color-choice button:focus-visible{outline:2px solid var(--tone-8acbd9,#8acbd9);outline-offset:3px}@media(prefers-reduced-motion:reduce){.pitch-clock-note{transition:none}}