.audio-field{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:220px;background:var(--niua-scope);color-scheme:only light;overflow:hidden}.audio-field__gl{display:block;position:absolute;top:0;left:0;right:0;bottom:36px;width:100%;height:calc(100% - 36px);cursor:pointer}.audio-field__cue{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 16px;border:0;border-radius:var(--radius-none);background:var(--niua-lime);color:var(--niua-on-bright);font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.audio-field__cue:hover{background:var(--niua-lime-strong)}.audio-field__cue:disabled{opacity:.4;cursor:not-allowed}.audio-field__cue.is-playing{top:auto;bottom:44px;left:12px;transform:none;padding:8px 12px;font-size:11px}.audio-field__rail{display:flex;align-items:center;gap:10px;margin-top:auto;padding:8px 12px 10px;position:relative;z-index:1;background:var(--niua-scope);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--niua-scope-type)}.audio-field__scrub{flex:1 1 auto;height:4px;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--niua-paper) 18%,transparent);cursor:pointer}.audio-field__scrub::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:var(--niua-lime);border:0;border-radius:var(--radius-none)}.audio-field__hint{flex:0 0 auto;color:var(--niua-lime)}.audio-field__time{flex:0 0 auto;color:color-mix(in srgb,var(--niua-scope-type) 55%,transparent)}.wave-play-slab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-radius:var(--radius-none);background:var(--niua-lime);color:var(--niua-on-bright);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.wave-play-slab:hover{background:var(--niua-lime-strong)}.wave-play-slab.is-playing{opacity:0}.wave-play-slab.is-playing:hover,.wave-play-slab.is-playing:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.audio-field__cue,.wave-play-slab{transition:none}}