.hk-audio-preview{display:block;max-width:100%;color:#174c3c}
.hk-audio-preview .hk-audio-preview__title{margin:0 0 6px;font:inherit;font-size:13px;font-weight:600;line-height:1.4}
.hk-audio-preview__controls{display:grid;grid-template-columns:44px minmax(30px,1fr) auto;align-items:center;gap:10px;min-height:60px;box-sizing:border-box;padding:7px 12px 7px 7px;border:1px solid #dce7e1;border-radius:12px;background:#f3f7f3}
.hk-audio-preview__play{display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#174c3c;color:#fff;cursor:pointer;touch-action:manipulation}
.hk-audio-preview__play:hover{background:#103c2e}
.hk-audio-preview__play:focus-visible{outline:2px solid #174c3c;outline-offset:3px}
.hk-audio-preview__play:disabled{cursor:progress}
.hk-audio-preview__pause-icon,.hk-audio-preview__spinner{display:none}
.hk-audio-preview[data-playing] .hk-audio-preview__play-icon{display:none}
.hk-audio-preview[data-playing] .hk-audio-preview__pause-icon{display:block}
.hk-audio-preview[data-loading] .hk-audio-preview__play-icon,.hk-audio-preview[data-loading] .hk-audio-preview__pause-icon{display:none}
.hk-audio-preview[data-loading] .hk-audio-preview__spinner{display:block}
.hk-audio-preview__spinner{width:17px;height:17px;box-sizing:border-box;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:hk-audio-spin .8s linear infinite}
.hk-audio-preview__track{position:relative;min-width:0;height:44px}
.hk-audio-preview__wave{display:block;width:100%;height:32px;margin-top:6px;overflow:visible}
.hk-audio-preview__wave line{stroke:#7e9b8d;stroke-width:3;stroke-linecap:round}
.hk-audio-preview__wave line[data-played]{stroke:#174c3c}
.hk-audio-preview .hk-audio-preview__seek{position:absolute;inset:0;width:100%;height:44px;min-height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:4px;cursor:pointer;box-shadow:none}
.hk-audio-preview__seek::-webkit-slider-runnable-track{background:transparent;border:0;height:44px}
.hk-audio-preview__seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:44px;background:transparent;border:0}
.hk-audio-preview__seek::-moz-range-track{background:transparent;border:0}
.hk-audio-preview__seek::-moz-range-thumb{width:12px;height:32px;background:transparent;border:0}
.hk-audio-preview__seek:focus-visible{outline:2px solid #174c3c;outline-offset:2px}
.hk-audio-preview__seek:disabled{cursor:default}
.hk-audio-preview__time{white-space:nowrap;font:inherit;font-size:12px;font-variant-numeric:tabular-nums;color:#45645a;line-height:1}
.hk-audio-preview .hk-audio-preview__status{margin:5px 0 0;font-size:12px;line-height:1.4;color:#45645a}
.hk-audio-preview[data-error] .hk-audio-preview__status{color:#8a2c18}
.hk-audio-preview audio{width:100%;height:44px}
.hk-audio-preview [hidden]{display:none!important}
@keyframes hk-audio-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hk-audio-preview__spinner{animation:none}}