.rolling-staff-container.svelte-1r3x5vy{width:100%;margin-bottom:1rem}.staff-viewport.svelte-1r3x5vy{position:relative;width:100%;height:180px;overflow:hidden;touch-action:none}.playhead.svelte-1r3x5vy{position:absolute;top:0;bottom:0;width:2px;background:var(--color-brand-green);opacity:.3;z-index:10;pointer-events:none}.rolling-staff-wrapper.svelte-1r3x5vy{display:inline-flex;align-items:center;justify-content:flex-start;min-width:100%;height:180px;background:#fff;will-change:transform}.fade-overlay.svelte-1r3x5vy{pointer-events:none;position:absolute;inset:0;background:linear-gradient(to right,#fff,#fff0 40% 90%,#fff);z-index:5}.text-dark-blue.svelte-1oy9vxa{color:var(--color-dark-blue)}.player-box.svelte-1oy9vxa{border-radius:.75rem;border:1px solid rgb(226 232 240);background-color:#f8fafc;padding:1rem}.selectors.svelte-1oy9vxa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.selector-item.svelte-1oy9vxa{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}@media(min-width:520px){.selectors.svelte-1oy9vxa{flex-direction:row;gap:1rem;width:100%}.selector-item.svelte-1oy9vxa{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0}}.play-button.svelte-1oy9vxa{display:flex;height:3.5rem;width:3.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-dark-blue);color:var(--color-off-white);box-shadow:0 4px 6px -1px #0000001a;transition:all .15s ease-in-out;cursor:pointer;border:none}.play-button.svelte-1oy9vxa:hover{background-color:var(--color-dark-blue-highlight);color:var(--color-off-white);box-shadow:0 10px 15px -3px #0000001a}.play-button.svelte-1oy9vxa:active{transform:scale(.95)}.play-button.svelte-1oy9vxa:disabled{cursor:not-allowed}.control-button.svelte-1oy9vxa{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f1f5f9;color:#64748b;border:1px solid rgb(226 232 240);transition:all .15s ease-in-out;cursor:pointer}.control-button.svelte-1oy9vxa:hover{background-color:#e2e8f0;color:var(--color-dark-blue)}.control-button.svelte-1oy9vxa:active{transform:scale(.95)}@keyframes svelte-1oy9vxa-spin{to{transform:rotate(360deg)}}.animate-spin{animation:svelte-1oy9vxa-spin 1s linear infinite}.repeat-button.svelte-1oy9vxa{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:#f1f5f9;color:#64748b;border:1px solid rgb(226 232 240);transition:all .15s ease-in-out;cursor:pointer}.repeat-button.svelte-1oy9vxa:hover{background-color:#e2e8f0;color:var(--color-dark-blue)}.repeat-button.active.svelte-1oy9vxa{background-color:var(--color-dark-blue);color:#fff;border-color:var(--color-dark-blue)}.repeat-button.svelte-1oy9vxa:active{transform:scale(.95)}.progress-bar.svelte-1oy9vxa{height:.5rem;width:100%;cursor:pointer;appearance:none;-webkit-appearance:none;border-radius:.5rem;outline:none;background:linear-gradient(to right,var(--color-dark-blue) 0%,var(--color-dark-blue) var(--progress, 0%),rgb(226 232 240) var(--progress, 0%),rgb(226 232 240) 100%)}.progress-bar.svelte-1oy9vxa::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border-radius:50%;background:var(--color-dark-blue);cursor:pointer;border:2px solid white;box-shadow:0 1px 2px #0000000d}.progress-bar.svelte-1oy9vxa::-webkit-slider-thumb:hover{background:var(--color-yellow);transform:scale(1.1)}.progress-bar.svelte-1oy9vxa::-moz-range-thumb{width:1rem;height:1rem;border-radius:50%;background:var(--color-dark-blue);cursor:pointer;border:2px solid white;box-shadow:0 1px 2px #0000000d}.progress-bar.svelte-1oy9vxa::-moz-range-thumb:hover{background:var(--color-yellow);transform:scale(1.1)}.expandable-preview.svelte-1yuidef{position:relative;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;overflow:hidden}.expandable-preview.expanded.svelte-1yuidef{border-color:#cbd5e1}.preview-content.svelte-1yuidef{overflow:hidden;padding:1rem;transition:max-height .4s ease}.fade-overlay.svelte-1yuidef{position:absolute;inset:0;background:linear-gradient(to bottom,#fff0 40%,#ffffffd9 60%,#fff);pointer-events:none;opacity:1;transition:opacity .3s ease}.fade-overlay.fade-hidden.svelte-1yuidef{opacity:0}.toggle-button.svelte-1yuidef{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem 0;border:none;border-top:1px solid #e2e8f0;background:#f8fafc;color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s}.toggle-button.over-fade.svelte-1yuidef{position:relative;z-index:1;border-top:none;background:transparent}.toggle-button.svelte-1yuidef:hover{color:#1d4ed8;background:#f1f5f9}.toggle-button.over-fade.svelte-1yuidef:hover{background:#f1f5f9cc}