.animate-playback-bar[data-v-16c90c9c]{align-items:center;-webkit-backdrop-filter:blur(.26667rem);backdrop-filter:blur(.26667rem);background:#27282cf0;border:.02667rem solid hsla(0,0%,100%,.12);border-radius:.26667rem;box-shadow:0 .21333rem .64rem #0003;color:#f5f6fb;display:flex;gap:.16rem;min-height:1.06667rem;padding:.13333rem .18667rem;pointer-events:auto;width:min(19.2rem,calc(100% - .85333rem))}.animate-playback-bar__rate[data-v-16c90c9c]{background:#30323a;border:.02667rem solid hsla(0,0%,100%,.12);border-radius:.13333rem;color:#f5f6fb;font-size:.32rem;height:.74667rem;min-width:0;width:1.44rem}.animate-playback-bar__icon[data-v-16c90c9c]{align-items:center;background:transparent;border:.02667rem solid transparent;border-radius:.13333rem;color:#f5f6fb;cursor:pointer;display:inline-flex;flex:0 0 .74667rem;height:.74667rem;justify-content:center;width:.74667rem}.animate-playback-bar__icon.is-active[data-v-16c90c9c],.animate-playback-bar__icon[data-v-16c90c9c]:hover{background:#ffffff1a;border-color:#ffffff24}.animate-playback-bar__time[data-v-16c90c9c]{color:#babdca;flex:0 0 auto;font-size:.29333rem;font-variant-numeric:tabular-nums}.animate-playback-bar__timeline[data-v-16c90c9c]{accent-color:#fff;flex:1 1 4.26667rem;min-width:1.6rem}@media(max-width:640px){.animate-playback-bar[data-v-16c90c9c]{flex-wrap:wrap;justify-content:center}.animate-playback-bar__timeline[data-v-16c90c9c]{flex-basis:100%;order:3}}