.ff-chorus-preview{--ff-preview-dial:2.75rem;--ff-preview-glow:#ff2ea629;appearance:none;width:fit-content;max-width:100%;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.8rem;padding:0;display:flex}.ff-chorus-preview:focus-visible{outline:2px solid var(--ff-pink,#ff2ea6);outline-offset:5px}.ff-chorus-preview-dial{width:var(--ff-preview-dial);height:var(--ff-preview-dial);color:var(--ff-ink,#f5f3fa);background:#ffffff0a;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;transition:border-color .22s,background-color .22s,box-shadow .22s,color .22s;display:grid;position:relative}.ff-chorus-preview-dial:before{content:"";border-top:.38rem solid #0000;border-bottom:.38rem solid #0000;border-left:.6rem solid;width:0;height:0;margin-left:.16rem}.ff-chorus-preview.is-playing .ff-chorus-preview-dial:before{background:currentColor;border:0;border-radius:1px;width:.17rem;height:.78rem;margin-left:-.27rem;box-shadow:.37rem 0}.ff-chorus-preview.is-playing .ff-chorus-preview-dial{box-shadow:0 0 0 5px var(--ff-preview-glow);background:#ff2ea61f;border-color:#ff2ea68c}@media (hover:hover) and (pointer:fine){.ff-chorus-preview:hover .ff-chorus-preview-dial{box-shadow:0 0 0 5px var(--ff-preview-glow);background:#ffffff12;border-color:#ff2ea680}.ff-chorus-preview:hover .ff-chorus-preview-copy{color:var(--ff-ink,#f5f3fa)}}.ff-chorus-preview-readout{gap:.42rem;min-width:0;display:grid}.ff-chorus-preview-copy{letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;color:var(--ff-dim,#9aa3c0);font-size:.68rem;font-weight:600;transition:color .22s}.ff-chorus-preview.is-playing .ff-chorus-preview-copy{color:var(--ff-ink,#f5f3fa)}.ff-chorus-preview-meter{background:#ffffff1c;border-radius:999px;width:5.75rem;max-width:100%;height:2px;display:block;overflow:hidden}.ff-chorus-preview-meter-fill{clip-path:inset(0 100% 0 0);background:linear-gradient(90deg, var(--ff-pink,#ff2ea6), var(--ff-blue,#3fb4ff));width:100%;height:100%;display:block}.ff-chorus-preview.is-playing .ff-chorus-preview-meter-fill{transition:clip-path .25s linear}.ff-featured-body>.ff-chorus-preview{margin:0 0 1.5rem}.ff-shelf-item>.ff-chorus-preview{--ff-preview-dial:2.3rem;gap:.65rem;margin-top:.9rem}.ff-shelf-item .ff-chorus-preview-copy{letter-spacing:.15em;font-size:.62rem}.ff-shelf-item .ff-chorus-preview-meter{width:4.5rem}@media (max-width:400px){.ff-chorus-preview{gap:.7rem}}@media (prefers-reduced-motion:reduce){.ff-chorus-preview-dial,.ff-chorus-preview-copy,.ff-chorus-preview-meter-fill{transition:none}}@media (prefers-contrast:more){.ff-chorus-preview-dial{border-color:#ffffff73}.ff-chorus-preview-copy{color:var(--ff-ink,#f5f3fa)}.ff-chorus-preview-meter{background:#ffffff4d}}