.scores-block[data-v-1fc8b648]{overflow:visible;border-radius:.375rem;border-width:1px;border-color:rgb(var(--color-slate)/.4);--tw-bg-opacity:1;background-color:rgb(var(--surface-card)/var(--tw-bg-opacity,1));--tw-shadow:0 2px 8px rgba(15,16,18,.1),0 1px 3px rgba(15,16,18,.06);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-color:var(--scores-block-tint-border,rgb(var(--color-slate)/.4));top:var(--scores-track-top,.5rem);bottom:var(--scores-track-bottom,.5rem);--scores-fade-handle-height:1.25rem;container-type:inline-size;touch-action:pan-y}.scores-block[data-v-1fc8b648],.scores-block__select[data-v-1fc8b648]{position:absolute;min-width:0;cursor:grab;text-align:left}.scores-block__select[data-v-1fc8b648]{inset:0;z-index:20;display:block;height:100%;width:100%;border-radius:.375rem}.scores-block__select[data-v-1fc8b648]:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-sfm-orange)/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:rgb(var(--surface-card)/1)}.scores-block[data-v-1fc8b648]:before{content:"";position:absolute;inset:0;background:var(--scores-block-tint-overlay,transparent);border-radius:inherit;pointer-events:none;z-index:1}.scores-block[data-v-1fc8b648]:active{cursor:grabbing}.scores-block[data-v-1fc8b648]:hover{--tw-border-opacity:1;border-color:rgb(var(--color-slate)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--surface-card)/var(--tw-bg-opacity,1))}.scores-block--selected[data-v-1fc8b648]{z-index:20;--tw-bg-opacity:1;background-color:rgb(var(--surface-field)/var(--tw-bg-opacity,1));border-color:rgb(var(--color-sfm-orange));box-shadow:0 0 0 1px rgb(var(--color-sfm-orange)/.6)}.scores-block--selected[data-v-1fc8b648]:before{background:var( --scores-block-tint-overlay-selected,var(--scores-block-tint-overlay,transparent) )}.scores-block--readonly[data-v-1fc8b648],.scores-block--readonly .scores-block__select[data-v-1fc8b648]{cursor:default}.scores-block__content[data-v-1fc8b648]{pointer-events:none;position:relative;z-index:20;display:block;height:100%;min-width:0;text-align:center}.scores-block__title-row[data-v-1fc8b648]{position:absolute;left:0;right:0;top:0;z-index:10;max-width:100%;padding:.25rem 1rem;text-align:center}.scores-block__title[data-v-1fc8b648]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Lato,sans-serif;font-size:.75rem;line-height:1rem;font-weight:300;--tw-text-opacity:1;color:rgb(var(--color-off-white)/var(--tw-text-opacity,1))}.scores-block__waveform[data-v-1fc8b648]{pointer-events:none;position:absolute;left:0;right:0;top:50%;height:2.5rem;width:100%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden}.scores-block__waveform-content[data-v-1fc8b648]{position:absolute;top:0;bottom:0;left:0}.scores-block__range[data-v-1fc8b648]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.125rem .5rem;font-family:Lato,sans-serif;font-size:10px;font-weight:300;color:rgb(var(--color-off-white)/.7)}.scores-block__overlap[data-v-1fc8b648]{pointer-events:none;position:absolute;bottom:.25rem;top:.25rem;z-index:0;background-color:rgb(var(--color-slate)/.45)}.scores-block__overlap--start[data-v-1fc8b648]{left:0;border-right-width:1px;border-color:rgb(var(--color-slate)/.5)}.scores-block__overlap--end[data-v-1fc8b648]{right:0;border-left-width:1px;border-color:rgb(var(--color-slate)/.5)}.scores-block__fade[data-v-1fc8b648]{pointer-events:none;position:absolute;bottom:.25rem;top:.25rem;z-index:10;background-color:rgb(var(--surface-card)/.4)}.scores-block__fade--in[data-v-1fc8b648]{left:0;clip-path:polygon(0 100%,100% 0,100% 100%)}.scores-block__fade--out[data-v-1fc8b648]{right:0;clip-path:polygon(0 0,100% 100%,0 100%)}.scores-block__fade-handle[data-v-1fc8b648]{pointer-events:auto;position:absolute;top:0;z-index:40;width:1.5rem;cursor:pointer;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;height:var(--scores-fade-handle-height)}.scores-block__fade-handle-trigger[data-v-1fc8b648]{position:relative;display:block;height:100%;width:100%;cursor:pointer;touch-action:none}.scores-block__remove[data-v-1fc8b648]{pointer-events:none;position:absolute;bottom:.25rem;right:.25rem;z-index:50;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scores-block__remove-trigger[data-v-1fc8b648]{display:flex;height:1.5rem;width:1.5rem;cursor:pointer;align-items:center;justify-content:center;border-radius:.25rem;border-width:1px;border-color:rgb(var(--color-off-white)/.2);--tw-bg-opacity:1;background-color:rgb(var(--surface-card)/var(--tw-bg-opacity,1));color:rgb(var(--color-off-white)/.95);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.scores-block__remove-trigger[data-v-1fc8b648]:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-sfm-orange)/var(--tw-ring-opacity,1))}.scores-block__remove-trigger[data-v-1fc8b648]:hover{border-color:rgb(var(--color-off-white)/.4);background-color:rgb(var(--surface-card)/.85);--tw-text-opacity:1;color:rgb(var(--color-off-white)/var(--tw-text-opacity,1))}.scores-block__fade-dot[data-v-1fc8b648]{position:absolute;left:50%;top:0;display:block;height:.625rem;width:.625rem;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;border-radius:9999px;border-width:1px;border-color:rgb(var(--color-off-white)/.7);--tw-bg-opacity:1;background-color:rgb(var(--surface-card)/var(--tw-bg-opacity,1));--tw-shadow:0 2px 8px rgba(15,16,18,.1),0 1px 3px rgba(15,16,18,.06);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.scores-block__handle[data-v-1fc8b648]{pointer-events:auto;position:absolute;bottom:0;z-index:40;width:.875rem;cursor:ew-resize;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;top:var(--scores-fade-handle-height)}.scores-block__handle-trigger[data-v-1fc8b648]{display:block;height:100%;width:100%;touch-action:none}.scores-block__handle-grip[data-v-1fc8b648]{position:absolute;left:50%;height:1.5rem;width:1px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:rgb(var(--color-off-white)/.7);top:calc(50% - var(--scores-fade-handle-height)/2);box-shadow:-3px 0 rgb(var(--color-off-white)/.7),3px 0 rgb(var(--color-off-white)/.7)}.scores-block--readonly .scores-block__fade-dot[data-v-1fc8b648],.scores-block--readonly .scores-block__fade-handle[data-v-1fc8b648],.scores-block--readonly .scores-block__handle[data-v-1fc8b648],.scores-block--readonly .scores-block__handle-trigger[data-v-1fc8b648]{pointer-events:none;cursor:not-allowed}.scores-block__handle--start[data-v-1fc8b648]{left:0}.scores-block__handle--end[data-v-1fc8b648]{right:0}.scores-block--selected .scores-block__fade-handle[data-v-1fc8b648],.scores-block--selected .scores-block__handle[data-v-1fc8b648],.scores-block:focus-within .scores-block__fade-handle[data-v-1fc8b648],.scores-block:focus-within .scores-block__handle[data-v-1fc8b648],.scores-block:hover .scores-block__fade-handle[data-v-1fc8b648],.scores-block:hover .scores-block__handle[data-v-1fc8b648]{opacity:1}.scores-block--selected .scores-block__remove[data-v-1fc8b648],.scores-block:focus-within .scores-block__remove[data-v-1fc8b648],.scores-block:hover .scores-block__remove[data-v-1fc8b648]{pointer-events:auto;opacity:1}.scores-block__fade-handle[data-v-1fc8b648]:focus-within,.scores-block__fade-handle[data-v-1fc8b648]:hover,.scores-block__handle[data-v-1fc8b648]:focus-within,.scores-block__handle[data-v-1fc8b648]:hover{opacity:1}@container (max-width: 72px){.scores-block__range[data-v-1fc8b648],.scores-block__title-row[data-v-1fc8b648]{visibility:hidden}}@container (max-width: 42px){.scores-block__fade-handle[data-v-1fc8b648],.scores-block__handle[data-v-1fc8b648],.scores-block__remove[data-v-1fc8b648]{display:none}}.scores-timeline-section[data-v-91b2a7a6]{position:relative;display:flex;min-width:0;flex-direction:column;gap:.75rem;border-radius:.75rem;border-width:1px;border-color:rgb(var(--color-slate)/.2);background-color:rgb(var(--surface-card)/.4);padding:.75rem;--tw-shadow:0 2px 8px rgba(15,16,18,.1),0 1px 3px rgba(15,16,18,.06);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media(min-width:640px){.scores-timeline-section[data-v-91b2a7a6]{padding:1.25rem}}.scores-timeline[data-v-91b2a7a6]{position:relative;height:10.94rem;width:100%;overflow-x:visible;overflow-y:visible;border-radius:.5rem;border-width:1px;border-color:rgb(var(--color-slate)/.25);--tw-bg-opacity:1;background-color:rgb(var(--surface-field)/var(--tw-bg-opacity,1));--scores-scrub-row:1.25rem;--scores-track-top:1.5rem;--scores-track-bottom:0rem}.scores-timeline--dragover[data-v-91b2a7a6]{border-color:rgb(var(--color-off-white)/.7)}.scores-timeline--readonly[data-v-91b2a7a6]{border-color:rgb(var(--color-slate)/.35)}.scores-timeline__ticks[data-v-91b2a7a6]{pointer-events:none;position:absolute;inset:0;overflow:hidden;border-radius:inherit}.scores-timeline__tick[data-v-91b2a7a6]{position:absolute;bottom:0;top:0;border-left-width:1px;border-color:rgb(var(--color-slate)/.2)}.scores-timeline__tick-label[data-v-91b2a7a6]{position:absolute;left:.25rem;top:.25rem;white-space:nowrap;font-family:Lato,sans-serif;font-size:10px;font-weight:300;color:rgb(var(--color-off-white)/.95)}.scores-timeline__tick--end .scores-timeline__tick-label[data-v-91b2a7a6]{left:auto;right:.25rem}.scores-timeline__playhead[data-v-91b2a7a6]{pointer-events:none;position:absolute;z-index:30;top:var(--scores-track-top);bottom:var(--scores-track-bottom)}.scores-timeline__playhead-line[data-v-91b2a7a6]{pointer-events:none;bottom:0;top:0;width:1px;background-color:rgb(var(--color-off-white)/.8)}.scores-timeline__playhead-handle[data-v-91b2a7a6],.scores-timeline__playhead-line[data-v-91b2a7a6]{position:absolute;left:0;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scores-timeline__playhead-handle[data-v-91b2a7a6]{pointer-events:auto;display:flex;height:1.75rem;width:1.75rem;cursor:ew-resize;align-items:center;justify-content:center;border-radius:9999px}.scores-timeline__playhead-handle[data-v-91b2a7a6]:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-sfm-orange)/var(--tw-ring-opacity,1))}.scores-timeline__playhead-handle[data-v-91b2a7a6]{top:calc(var(--scores-scrub-row)*-1 + .0625rem);touch-action:none}.scores-timeline__playhead-handle[data-v-91b2a7a6]:before{content:"";height:.875rem;width:.875rem;border-radius:9999px;border-width:1px;border-color:rgb(var(--color-off-white)/.95);--tw-bg-opacity:1;background-color:rgb(var(--surface-card)/var(--tw-bg-opacity,1));--tw-shadow:0 2px 8px rgba(15,16,18,.1),0 1px 3px rgba(15,16,18,.06);--tw-shadow-colored:0 2px 8px var(--tw-shadow-color),0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.scores-timeline__empty[data-v-91b2a7a6]{pointer-events:none;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-left:1rem;padding-right:1rem;text-align:center;font-family:Lato,sans-serif;font-size:.875rem;line-height:1.25rem;font-weight:300;color:rgb(var(--color-off-white)/.95)}.scores-timeline-section__status[data-v-91b2a7a6]{font-family:Lato,sans-serif;font-size:.75rem;line-height:1rem;font-weight:300}.scores-timeline-section__status--info[data-v-91b2a7a6]{color:rgb(var(--color-off-white)/.95)}.scores-timeline-section__status--error[data-v-91b2a7a6]{--tw-text-opacity:1;color:rgb(var(--color-sfm-orange)/var(--tw-text-opacity,1))}