.pv{display:flex;align-items:center;gap:14px;padding:14px 16px;margin:18px 0;border:1px solid rgba(0,0,0,.09);border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);font-family:inherit;color:#1B1B1A;text-align:left}
.pv-btn{appearance:none;border:0;flex:none;width:52px;height:52px;border-radius:50%;background:#1B1B1A;color:#F5CF3B;display:grid;place-items:center;cursor:pointer;padding:0}
.pv-btn svg{width:22px;height:22px;fill:currentColor}
.pv-btn:focus-visible{outline:3px solid #F5CF3B;outline-offset:2px}
.pv-main{flex:1;min-width:0}
.pv-title{margin:0;font-weight:800;font-size:16px;line-height:1.2}
.pv-sub{margin:2px 0 0;font-size:13px;color:#6b6b66;font-variant-numeric:tabular-nums}
.pv-bar{position:relative;height:18px;margin-top:6px;cursor:pointer;touch-action:none}
.pv-bar:before{content:"";position:absolute;left:0;right:0;top:7px;height:4px;border-radius:99px;background:#E4E4E0}
.pv-fill{position:absolute;left:0;top:7px;height:4px;width:0;border-radius:99px;background:#1B1B1A}
@media (prefers-color-scheme:dark){.pv{background:#1B1B1A;color:#fff;border-color:rgba(255,255,255,.12)}.pv-btn{background:#F5CF3B;color:#1B1B1A}.pv-sub{color:#B8B8B3}.pv-bar:before{background:#3A3A38}.pv-fill{background:#F5CF3B}}
.pv-prog{margin-top:10px}.pv-prog-t{height:10px;border-radius:99px;background:var(--line,#e6e3dc);overflow:hidden}
.pv-prog-t i{display:block;height:100%;width:0;border-radius:99px;background:var(--accent,#1B1B1A);transition:width .5s ease}
.pv-prog-l{margin-top:4px}
@media (prefers-color-scheme:dark){.pv-prog-t i{background:#F5CF3B}}