.closest{position:absolute;top:100%;left:0;width:min(18rem,100%);margin-top:1rem;font-family:Montserrat,sans-serif;font-weight:300;pointer-events:none}
.closest[hidden]{display:none}
.sound-dist{display:flex;align-items:center;gap:.8rem;width:auto;height:1rem;margin:.9rem 0 0;padding:0;border:0;border-radius:0;background:transparent;color:#818b98;font-family:inherit;font-size:.55rem;font-weight:300;letter-spacing:.22em;text-align:left;pointer-events:auto;transition:color 200ms ease}
.sound-dist::before{content:"";flex:none;width:.75rem;height:1px;background:#525d6c}
.sound-dist:hover{background:transparent;color:#bcc3cc}
.sound-dist:focus-visible{outline:1px solid #778395;outline-offset:3px}
.sound-dist-state{color:#bcc3cc}
.sound-dist[aria-pressed=false] .sound-dist-state{color:#525d6c}
.sound-dist-note{margin:.2rem 0 0 1.55rem}
.family[hidden]{display:block;visibility:hidden}
.quiet-note{margin-top:.45rem}
#quiet-left{display:inline-block;width:3.9em;font-variant-numeric:tabular-nums}
.quiet-close{display:inline;width:auto;height:auto;margin:0 0 0 .45rem;padding:0;border:0;border-radius:0;background:transparent;color:#bcc3cc;font:inherit;font-size:.55rem;letter-spacing:.22em;pointer-events:auto;cursor:pointer;transition:color 200ms ease}
.quiet-close:hover{background:transparent;color:#fff}
.quiet-close:focus-visible{outline:1px solid #778395;outline-offset:3px}
.sound-dist-preview{display:block;width:calc(100% - 1.55rem);height:1.4rem;margin:.35rem 0 0 1.55rem;overflow:visible;clip-path:inset(0 100% 0 0);opacity:1}
.sound-dist-preview[hidden]{display:none}
.sound-dist-preview.is-growing{clip-path:inset(0 0 0 0);transition:clip-path 2s linear}
.sound-dist-preview.is-fading{opacity:0;transition:clip-path 2s linear,opacity 700ms ease}
.sound-dist-preview .curve-line{fill:none;stroke:#b65562;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round;opacity:.7}
.sound-dist-preview .curve-dot{fill:#b65562}
@media(prefers-reduced-motion:reduce){.sound-dist-preview,.sound-dist-preview.is-growing,.sound-dist-preview.is-fading{transition:none}}
.quiet-note[hidden]{display:none}
.sound-dist-wrap{opacity:0;visibility:hidden;transition:opacity 700ms ease,visibility 0s linear 700ms}
.sound-dist-wrap.is-on{opacity:1;visibility:visible;transition:opacity 700ms ease}
@media(prefers-reduced-motion:reduce){.sound-dist-wrap,.sound-dist-wrap.is-on{transition:none}}
.closest-name{display:flex;align-items:center;gap:.8rem;height:1rem;margin:0;color:#818b98;font-size:.55rem;letter-spacing:.22em}
.closest-name::before{content:"";flex:none;width:.75rem;height:1px;background:#525d6c}
.closest-list{min-height:5.25rem;margin:.35rem 0 0;padding:0 0 0 1.55rem;list-style:none}
.closest-list li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a3abb5;font-size:.55rem;letter-spacing:.06em;line-height:1.9}
.closest-line.is-typing::after{content:"";display:inline-block;width:.42em;height:.85em;margin-left:.12em;vertical-align:-.08em;background:currentColor}
.closest-label{margin:.45rem 0 0 1.55rem;color:#87909c;font-size:.5rem;letter-spacing:.15em;line-height:1.9;text-transform:uppercase}
.chapter-open .closest,.chapter-open .closest .sound-dist-wrap{visibility:hidden}
.closest.is-crowded{visibility:hidden}
@media(max-width:899px),(max-height:500px){.closest{display:none}}