/* Geometry only: colors are inherited from each existing audio section. */
html body .mw-audio.green-audio-player{display:flex!important;width:300px;max-width:100%;min-width:0;height:56px;padding:6px 8px!important;border:1px solid rgba(0,0,0,.3);gap:3px;border-radius:8px!important;box-shadow:0 2px 8px rgb(0 0 0 / 7%);position:relative;overflow:visible;isolation:isolate}
.mw-audio>audio:not([controls]){display:none}.mw-audio>audio[controls]{position:absolute;top:100%;left:0;width:100%}
html body .mw-audio .mw-audio-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;min-width:0;height:36px;margin:0;padding:5px;border:0;border-radius:5px;background:transparent;color:var(--mw-audio-control);cursor:pointer;line-height:1;text-decoration:none;box-shadow:none}
html body .mw-audio .mw-audio-play{flex-basis:34px;width:34px;height:34px;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:rgba(0,0,0,.055)}
html body .mw-audio .mw-audio-play svg{width:21px;height:21px}
.mw-audio .mw-audio-button svg{display:block;width:18px;height:18px;fill:currentColor;pointer-events:none}
.mw-audio .mw-audio-button:disabled{opacity:.35;cursor:default}.mw-audio .mw-audio-button:hover{background:rgb(0 0 0 / 5%)}.mw-audio :focus-visible{outline:2px solid var(--mw-audio-control);outline-offset:2px}
.mw-audio .mw-audio-timeline{flex:1 1 auto;min-width:36px;height:36px;position:relative;display:flex;align-items:center}.mw-audio .mw-audio-times{position:absolute;top:-1px;left:0;right:0;pointer-events:none;display:flex;justify-content:space-between;gap:2px;font-size:10px;line-height:14px;font-variant-numeric:tabular-nums;color:var(--mw-audio-ink);white-space:nowrap}
html body .mw-audio input[type=range]{display:block;width:100%;min-width:0;max-width:none;margin:0;padding:0!important;border:0;border-radius:0;height:24px;background:transparent;cursor:pointer;box-shadow:none;touch-action:pan-y;-webkit-appearance:none;appearance:none}
.mw-audio input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--mw-audio-ink) 0 var(--mw-position,0%),var(--mw-audio-track) var(--mw-position,0%) 100%)}
.mw-audio input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-3.5px;border:0;border-radius:50%;background:var(--mw-audio-ink);box-shadow:0 1px 2px rgb(0 0 0 / 20%)}
.mw-audio input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:var(--mw-audio-track)}.mw-audio input[type=range]::-moz-range-progress{height:5px;background:var(--mw-audio-ink);border-radius:5px}.mw-audio input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--mw-audio-ink)}
.mw-audio .mw-audio-volume{position:relative;flex:0 0 26px;background:inherit}.mw-audio .mw-audio-volume-panel{position:absolute;bottom:calc(100% + 8px);right:0;z-index:5;display:flex;align-items:center;gap:5px;width:130px;padding:6px;border:1px solid var(--mw-audio-track);border-radius:8px;background:inherit;box-shadow:0 2px 8px rgb(0 0 0 / 12%)}
.mw-audio [hidden]{display:none!important}.mw-audio .mw-audio-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

html body .mw-audio input.mw-audio-seek[type=range]{height:36px}

.mw-audio-unit{width:300px;max-width:100%;display:block}
.mw-audio-unit .mw-audio-caption{display:block;width:100%;margin:6px 0 0;padding:0;text-align:center;font-size:12px;line-height:1.35;font-weight:400;color:#777}
