.voice-sample-player{color:#fff4d6;background:#2e4838;border:1px solid #3d5a47;border-radius:20px;gap:10px;margin-block:12px;padding:14px 18px 16px;display:grid}.voice-sample-head{letter-spacing:.08em;text-transform:uppercase;color:#cfd9b6;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;font-size:11px;font-weight:650;display:flex}.voice-sample-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fff4d6;white-space:nowrap;font-size:12px}.voice-waveform{cursor:pointer;touch-action:none;border-radius:12px;outline:none;height:64px;position:relative}.voice-waveform:focus-visible{box-shadow:0 0 0 3px #e6bd75}.voice-waveform[aria-disabled=true]{cursor:default}.voice-wave-bars{align-items:center;gap:3px;height:100%;display:flex}.voice-wave-bars>span{background:#fff4d633;border-radius:4px;flex:1 1 0;min-width:2px}.voice-wave-bars.is-played{clip-path:inset(0 calc(100% - var(--played,0%)) 0 0);pointer-events:none;position:absolute;inset:0}.voice-wave-bars.is-played>span{background:linear-gradient(#e6bd75,#b6c68e 45%,#86a575)}.voice-sample-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-transport{cursor:pointer;background:#fff4d614;border:1px solid #fff4d647;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:transform .16s,background .16s,box-shadow .16s;display:grid}.voice-transport svg{width:42px;height:42px;display:block}.voice-transport:hover:not(:disabled){background:#fff4d629;transform:translateY(-1px)}.voice-transport:focus-visible{outline-offset:2px;outline:2px solid #e6bd75}.voice-transport[aria-pressed=true]{box-shadow:inset 0 0 0 2px #e6bd75}.voice-transport:disabled{opacity:.45;cursor:not-allowed}.voice-sample-audio{display:none}@media (max-width:520px){.voice-sample-player{padding:12px 14px 14px}.voice-waveform{height:54px}.voice-transport{width:48px;height:48px}.voice-transport svg{width:38px;height:38px}}