.tp[data-v-3b959f80]{position:relative}.tp--full .tp__bar[data-v-3b959f80]{gap:var(--ja-sp-4)}.tp--compact[data-v-3b959f80],.tp--full .tp__bar[data-v-3b959f80]{display:flex;flex-wrap:wrap;align-items:center}.tp--compact[data-v-3b959f80]{gap:var(--ja-sp-3)}.tp--compact .tp__bar[data-v-3b959f80]{display:contents}.tp--full .tp__meter[data-v-3b959f80]{margin-block-start:var(--ja-sp-5)}.tp--compact .tp__meter[data-v-3b959f80]{flex:1 1 16rem;min-inline-size:0}.tp__play[data-v-3b959f80]{display:inline-flex;align-items:center;justify-content:center;gap:var(--ja-sp-2);flex:none;min-inline-size:12.5rem;padding:var(--ja-sp-3) var(--ja-sp-6);border:0;border-radius:var(--ja-radius-pill);background:var(--ja-brand);color:#fff;font-family:var(--ja-font-label);font-size:16px;font-weight:600;letter-spacing:var(--ja-t-label-tracking);cursor:pointer;transition:background-color .2s var(--ja-ease)}.tp__play[data-v-3b959f80]:hover{background:var(--ja-brand-ink)}.tp__playIcon[data-v-3b959f80]{inline-size:20px;block-size:20px}.tp__rate[data-v-3b959f80],.tp__step[data-v-3b959f80]{display:inline-flex;align-items:center;justify-content:center;gap:var(--ja-sp-1);flex:none;min-block-size:44px;padding-inline:var(--ja-sp-2);border:0;background:none;color:var(--ja-text);font-family:var(--ja-font-label);font-size:var(--ja-t-16);font-weight:600;line-height:1;cursor:pointer;transition:color .15s var(--ja-ease)}.tp__rate[data-v-3b959f80]:hover,.tp__step[data-v-3b959f80]:hover{color:var(--ja-brand)}.tp__stepIcon[data-v-3b959f80]{inline-size:22px;block-size:22px}.tp__stepIcon--flip[data-v-3b959f80]{transform:scaleX(-1)}.tp__rate[data-v-3b959f80]{justify-content:flex-end;min-inline-size:3.5rem;margin-inline-start:auto;padding-inline-end:0;font-size:var(--ja-t-14)}.tp--compact .tp__rate[data-v-3b959f80]{order:1}.tp--compact .tp__step[data-v-3b959f80]{min-block-size:36px}.tp--compact .tp__stepIcon[data-v-3b959f80]{inline-size:17px;block-size:17px}.tp--compact .tp__rate[data-v-3b959f80]{min-inline-size:3rem}.tp__status[data-v-3b959f80]{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tp__note[data-v-3b959f80]{flex-basis:100%;margin-block-start:var(--ja-sp-2);font-size:var(--ja-t-14);color:var(--ja-text-mute)}.tp__note--error[data-v-3b959f80]{color:var(--ja-danger-text)}@media(max-width:560px){.tp--full .tp__play[data-v-3b959f80]{inline-size:100%}.tp__rate[data-v-3b959f80]{min-inline-size:3rem}}@media(max-width:600px){.tp--compact[data-v-3b959f80]{display:none}}