.pl{--pl-tinta:#f5f2ea;--pl-fraca:#8d8d88;--pl-linha:#ffffff24;--pl-fundo:#f5f2ea09;--pl-acento:#ff5634;--pl-cursor:#f5f2ead9;--espectro-apagado:#f5f2ea29;border:1px solid var(--pl-linha);background:var(--pl-fundo);width:100%;max-width:560px;color:var(--pl-tinta);box-sizing:border-box;border-radius:18px;align-items:center;column-gap:16px;padding:14px 18px 14px 14px;display:flex}.pl-claro{--pl-tinta:#101010;--pl-fraca:#63635f;--pl-linha:#00000029;--pl-fundo:transparent;--pl-cursor:#101010b3;--espectro-apagado:#11111138}.pl-botao{cursor:pointer;color:#fff;background:var(--pl-acento);border:0;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:15px;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 10px 26px #ff563447}.pl-botao:hover:not(:disabled){transform:scale(1.06);box-shadow:0 14px 32px #ff563466}.pl-botao:active:not(:disabled){transform:scale(.97)}.pl-botao:focus-visible{outline:2px solid var(--pl-tinta);outline-offset:3px}.pl-botao:disabled{cursor:not-allowed;background:var(--pl-fraca);box-shadow:none}.pl-corpo{flex:1;row-gap:6px;min-width:0;display:grid}.pl-rotulo{letter-spacing:.08em;text-transform:uppercase;color:var(--pl-fraca);font-size:10px}.pl-trilha{cursor:pointer;touch-action:none;border-radius:10px;align-items:center;height:42px;display:flex;position:relative}.pl-trilha:focus-visible{outline:2px solid var(--pl-acento);outline-offset:4px}.pl-onda{width:100%;min-width:0;height:34px;display:block}.pl-cursor{background:var(--pl-cursor);pointer-events:none;border-radius:2px;width:2px;margin-left:-1px;transition:left 80ms linear;position:absolute;top:2px;bottom:2px}.pl-tempos{color:var(--pl-fraca);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;column-gap:12px;font-size:11px;display:flex}.pl-tempos time{font-variant-numeric:tabular-nums}.pl-recado{text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;flex:1;font-size:10px;overflow:hidden}.pl-compacto{border-radius:999px;column-gap:10px;padding:8px 14px 8px 8px}.pl-compacto .pl-botao{width:38px;height:38px;box-shadow:none;font-size:11px}.pl-compacto .pl-trilha{height:30px}.pl-compacto .pl-onda{height:26px}.pl-compacto .pl-corpo{row-gap:2px}.pl-compacto .pl-tempos{font-size:10px}.pl-erro{opacity:.5}.pl-erro .pl-trilha{cursor:not-allowed}@media (max-width:520px){.pl{column-gap:12px;padding:12px 14px 12px 12px}.pl-botao{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.pl-cursor,.pl-botao{transition:none}}