.vr-audio{display:grid;grid-template-columns:5.25rem 6.75rem minmax(0,1fr);align-items:center;column-gap:.75rem;max-width:28rem;min-width:0;color:inherit;font:inherit}
.vr-audio__toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem;height:44px;min-width:44px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:.8125rem;cursor:pointer}
.vr-audio__toggle::before{content:"";display:block;flex:none;width:.625rem;height:.625rem;background:currentColor;clip-path:polygon(15% 0,100% 50%,15% 100%)}
.vr-audio[data-state="playing"] .vr-audio__toggle::before,.vr-audio[data-state="loading"] .vr-audio__toggle::before{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
.vr-audio__toggle:hover{text-decoration:underline;text-underline-offset:.2em}
.vr-audio__toggle:focus-visible,.vr-audio__seek:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.vr-audio__seek{appearance:none;width:100%;min-width:0;height:44px;margin:0;background:transparent;color:inherit;accent-color:currentColor;cursor:pointer}
.vr-audio:not([data-started="true"]) .vr-audio__seek{visibility:hidden;pointer-events:none}
.vr-audio__seek::-webkit-slider-runnable-track{height:2px;background:currentColor;opacity:.45}
.vr-audio__seek::-webkit-slider-thumb{appearance:none;width:8px;height:8px;margin-top:-3px;border-radius:50%;background:currentColor}
.vr-audio__seek::-moz-range-track{height:2px;background:currentColor;opacity:.45}
.vr-audio__seek::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:currentColor}
.vr-audio__time{font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.vr-audio__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.vr-audio[data-state="error"] .vr-audio__status{position:static;grid-column:1/-1;width:auto;height:auto;margin:0;clip-path:none;white-space:normal;font-size:.8125rem;line-height:1.5}
@media(max-width:390px){.vr-audio{grid-template-columns:4.75rem 6.25rem minmax(0,1fr);column-gap:.5rem}}