.ap{--ap-ink:#4a5464;--ap-bg:var(--code-bg);--ap-line:var(--border);--ap-hover:#e2e5ea;--ap-track-c:#b3bbc7;margin:1em 0}.dark .ap{--ap-ink:var(--primary);--ap-hover:rgb(72, 73, 80);--ap-track-c:#70737c}.ap-bar{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:.5em;padding:.4em .6em;border:1px solid var(--ap-line);border-radius:var(--radius);background:var(--ap-bg);color:var(--ap-ink);font-size:.9rem;line-height:1.2}.ap-btns,.ap-extras{display:flex;align-items:center;gap:.15em;flex:none}.ap-timerow{display:flex;align-items:center;gap:.6em;flex:auto;min-width:0}.ap-cur,.ap-dur{flex:none;min-width:3.2em;font-variant-numeric:tabular-nums;color:var(--ap-ink)}.ap-cur{text-align:right}.ap-sep{display:none}.ap-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 .4em;margin:0;border:0;border-radius:var(--radius);background:0 0;color:var(--ap-ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.ap-btn:hover{background:var(--ap-hover)}.ap a.ap-btn,.ap a.ap-btn:hover{color:var(--ap-ink);border:0}.ap-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ap-play svg{width:30px;height:30px}.ap-play svg path{stroke:none}.ap-speed{min-width:48px;font-variant-numeric:tabular-nums}.ap-i-pause,.ap-i-wait,.ap-i-muted{display:none}.ap-playing .ap-i-play{display:none}.ap-playing .ap-i-pause{display:block}.ap-buffering .ap-i-play,.ap-buffering .ap-i-pause{display:none}.ap-buffering .ap-i-wait{display:block;animation:ap-spin .9s linear infinite}.ap-muted .ap-i-vol{display:none}.ap-muted .ap-i-muted{display:block}.ap-i-wait circle{stroke-dasharray:34 17}@keyframes ap-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ap-buffering .ap-i-wait{animation-duration:3s}}.ap-seek,.ap-volume{flex:auto;min-width:0;width:100%;height:44px;margin:0;padding:0;background:0 0;cursor:pointer;-webkit-appearance:none;appearance:none;--ap-pct:0%;--ap-fill:var(--ap-ink);--ap-track:var(--ap-track-c)}.ap-seek:disabled{cursor:default;opacity:.6}.ap-seek::-webkit-slider-runnable-track,.ap-volume::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--ap-fill) var(--ap-pct),var(--ap-track) var(--ap-pct))}.ap-seek::-moz-range-track,.ap-volume::-moz-range-track{height:6px;border-radius:3px;background:var(--ap-track)}.ap-seek::-moz-range-progress,.ap-volume::-moz-range-progress{height:6px;border-radius:3px;background:var(--ap-fill)}.ap-seek::-webkit-slider-thumb,.ap-volume::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:2px solid var(--ap-bg);border-radius:50%;background:var(--ap-ink);box-shadow:0 0 0 1px var(--ap-ink)}.ap-seek::-moz-range-thumb,.ap-volume::-moz-range-thumb{width:14px;height:14px;border:2px solid var(--ap-bg);border-radius:50%;background:var(--ap-ink);box-shadow:0 0 0 1px var(--ap-ink)}.ap-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ap-status:not(:empty){position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;flex:1 0 100%;order:-1;font-size:.85rem;color:var(--secondary);padding:.3em 0 0}.ap .ap-retry{margin-left:.5em;padding:.2em .7em;font:inherit;color:inherit;border:1px solid var(--ap-line);border-radius:var(--radius);background:var(--ap-bg);cursor:pointer}.ap button:focus-visible,.ap a:focus-visible,.ap input:focus-visible{outline:2px solid var(--ap-ink);outline-offset:2px}@media(max-width:767px){.ap-vol{display:none}.ap-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;flex-wrap:wrap;justify-content:space-between;row-gap:0;border-width:1px 0 0;border-radius:0;padding:.2em .75em calc(.2em + env(safe-area-inset-bottom));padding-left:calc(.75em + env(safe-area-inset-left));padding-right:calc(.75em + env(safe-area-inset-right));box-shadow:0 -2px 10px rgba(0,0,0,.12)}.ap-timerow{order:1;flex:1 0 100%}.ap-cur{order:0}.ap-seek{order:1}.ap-dur{order:2}.ap-btns{order:2}.ap-extras{order:3}body.ap-active .top-link{bottom:calc(var(--ap-h,120px) + env(safe-area-inset-bottom) + 12px)}body.ap-active{padding-bottom:calc(var(--ap-h,120px) + env(safe-area-inset-bottom))}}@media(min-width:768px){.ap{margin:.6em 0}.ap-bar{flex-wrap:wrap;gap:.4em;padding:.1em .5em}.ap-btns{order:1}.ap-timerow{order:2;gap:.5em}.ap-extras{order:3;gap:.3em}.ap-seek{order:1;height:32px}.ap-cur{order:2;min-width:0}.ap-sep{order:3;display:inline;color:var(--ap-ink)}.ap-dur{order:4;min-width:0;margin-right:.3em}.ap-btn{min-width:36px;min-height:36px}.ap-btn svg{width:22px;height:22px}.ap-play svg{width:26px;height:26px}.ap-vol{display:flex;align-items:center}.ap-volume{flex:none;width:78px;height:32px}}