.ss-harmony-diagrams{display:flex;gap:6px;overflow-x:auto;margin:12px 0;padding-bottom:8px}.ss-harmony-diagrams .ss-chord{flex:0 0 70px;width:70px;padding:5px}.ss-harmony-diagrams .ss-chord figcaption{font-size:13px}.ss-harmony-diagrams .ss-chord svg{width:58px;height:96px}.ss-scale-play{width:100%;justify-content:center;margin-top:14px}.ss-exercise-rating{clear:both;margin-top:24px;padding:18px;border-top:1px solid #d8d0c6;text-align:center}.ss-exercise-rating>strong{display:block;color:var(--ink);font:600 14px var(--ss-heading-font);text-transform:uppercase;letter-spacing:.06em}.ss-exercise-rating>span{display:block;margin:5px 0}.ss-exercise-rating button{padding:2px;border:0;background:transparent;color:#c9c2b8;font-size:29px;cursor:pointer}.ss-exercise-rating button.is-active{color:var(--gold)}.ss-exercise-rating small{display:block;color:#777}.ss-final-rating{display:flex;align-items:center;justify-content:center;gap:22px;max-width:650px;margin:26px auto;padding:22px;border:1px solid #d8d0c6;background:#fff;text-align:left}.ss-score{flex:0 0 105px;color:var(--safari);font:600 48px var(--ss-heading-font);text-align:center}.ss-score small{font-size:18px}.ss-final-rating h3{margin:0 0 7px;font:600 22px var(--ss-heading-font);color:var(--ink)}.ss-final-rating p{margin:5px 0}@media(max-width:600px){.ss-final-rating{display:block;text-align:center}.ss-score{margin-bottom:10px}}