.kx-audio{background:var(--powder);width:100%;max-width:34rem;box-shadow:var(--z-shadow);color:var(--ink);border-radius:1.6rem 1.6rem .5rem;gap:.9rem;padding:clamp(1rem,.8rem + 1vw,1.5rem);display:grid}.kx-audio__el{width:100%;height:2.75rem}.kx-audio[data-ready] .kx-audio__el{display:none}.kx-audio__ui{gap:.6rem;display:grid}.kx-audio__row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.kx-audio__btn{border:2px solid var(--ink);border-radius:var(--r-btn);background:var(--sun);min-height:3rem;color:var(--ink);font:800 1rem / 1.2 var(--font-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:.7rem;padding:.35rem 1.3rem .35rem .4rem;display:inline-flex}@media (hover:hover){.kx-audio__btn:hover{transform:translateY(-2px);box-shadow:0 4px #3a17462e}}.kx-audio__btn:active{transform:translateY(1px)}.kx-audio__btn:focus-visible,.kx-audio__range:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.kx-audio__ic{background:var(--ink);width:2.25rem;height:2.25rem;color:var(--sun);border-radius:50%;flex:none;place-items:center;display:grid}.kx-audio__ic-pause,.kx-audio__btn[data-playing] .kx-audio__ic-play{display:none}.kx-audio__btn[data-playing] .kx-audio__ic-pause{display:block}.kx-audio__time{color:var(--muted);font:700 var(--fs-sm) / 1.2 var(--font-text);font-variant-numeric:tabular-nums;white-space:nowrap}.kx-audio__track{--kx-p:0;height:2.75rem;position:relative}.kx-audio__wave{background:linear-gradient(90deg, var(--ink) calc(var(--kx-p) * 1%), var(--field-border) 0);position:absolute;inset:.25rem 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 36' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Crect x='1' y='13' width='2.4' height='10' rx='1.2'/%3E%3Crect x='5' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='9' y='5' width='2.4' height='26' rx='1.2'/%3E%3Crect x='13' y='11' width='2.4' height='14' rx='1.2'/%3E%3Crect x='17' y='3' width='2.4' height='30' rx='1.2'/%3E%3Crect x='21' y='8' width='2.4' height='20' rx='1.2'/%3E%3Crect x='25' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='29' y='6' width='2.4' height='24' rx='1.2'/%3E%3Crect x='33' y='2' width='2.4' height='32' rx='1.2'/%3E%3Crect x='37' y='10' width='2.4' height='16' rx='1.2'/%3E%3Crect x='41' y='7' width='2.4' height='22' rx='1.2'/%3E%3Crect x='45' y='4' width='2.4' height='28' rx='1.2'/%3E%3Crect x='49' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='53' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='57' y='1' width='2.4' height='34' rx='1.2'/%3E%3Crect x='61' y='6' width='2.4' height='24' rx='1.2'/%3E%3Crect x='65' y='11' width='2.4' height='14' rx='1.2'/%3E%3Crect x='69' y='5' width='2.4' height='26' rx='1.2'/%3E%3Crect x='73' y='8' width='2.4' height='20' rx='1.2'/%3E%3Crect x='77' y='13' width='2.4' height='10' rx='1.2'/%3E%3Crect x='81' y='3' width='2.4' height='30' rx='1.2'/%3E%3Crect x='85' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='89' y='6' width='2.4' height='24' rx='1.2'/%3E%3Crect x='93' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='97' y='4' width='2.4' height='28' rx='1.2'/%3E%3Crect x='101' y='10' width='2.4' height='16' rx='1.2'/%3E%3Crect x='105' y='7' width='2.4' height='22' rx='1.2'/%3E%3Crect x='109' y='2' width='2.4' height='32' rx='1.2'/%3E%3Crect x='113' y='11' width='2.4' height='14' rx='1.2'/%3E%3Crect x='117' y='8' width='2.4' height='20' rx='1.2'/%3E%3Crect x='121' y='5' width='2.4' height='26' rx='1.2'/%3E%3Crect x='125' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='129' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='133' y='3' width='2.4' height='30' rx='1.2'/%3E%3Crect x='137' y='10' width='2.4' height='16' rx='1.2'/%3E%3Crect x='141' y='6' width='2.4' height='24' rx='1.2'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 144 36' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Crect x='1' y='13' width='2.4' height='10' rx='1.2'/%3E%3Crect x='5' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='9' y='5' width='2.4' height='26' rx='1.2'/%3E%3Crect x='13' y='11' width='2.4' height='14' rx='1.2'/%3E%3Crect x='17' y='3' width='2.4' height='30' rx='1.2'/%3E%3Crect x='21' y='8' width='2.4' height='20' rx='1.2'/%3E%3Crect x='25' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='29' y='6' width='2.4' height='24' rx='1.2'/%3E%3Crect x='33' y='2' width='2.4' height='32' rx='1.2'/%3E%3Crect x='37' y='10' width='2.4' height='16' rx='1.2'/%3E%3Crect x='41' y='7' width='2.4' height='22' rx='1.2'/%3E%3Crect x='45' y='4' width='2.4' height='28' rx='1.2'/%3E%3Crect x='49' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='53' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='57' y='1' width='2.4' height='34' rx='1.2'/%3E%3Crect x='61' y='6' width='2.4' height='24' rx='1.2'/%3E%3Crect x='65' y='11' width='2.4' height='14' rx='1.2'/%3E%3Crect x='69' y='5' width='2.4' height='26' rx='1.2'/%3E%3Crect x='73' y='8' width='2.4' height='20' rx='1.2'/%3E%3Crect x='77' y='13' width='2.4' height='10' rx='1.2'/%3E%3Crect x='81' y='3' width='2.4' height='30' rx='1.2'/%3E%3Crect x='85' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='89' y='6' width='2.4' height='24' rx='1.2'/%3E%3Crect x='93' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='97' y='4' width='2.4' height='28' rx='1.2'/%3E%3Crect x='101' y='10' width='2.4' height='16' rx='1.2'/%3E%3Crect x='105' y='7' width='2.4' height='22' rx='1.2'/%3E%3Crect x='109' y='2' width='2.4' height='32' rx='1.2'/%3E%3Crect x='113' y='11' width='2.4' height='14' rx='1.2'/%3E%3Crect x='117' y='8' width='2.4' height='20' rx='1.2'/%3E%3Crect x='121' y='5' width='2.4' height='26' rx='1.2'/%3E%3Crect x='125' y='12' width='2.4' height='12' rx='1.2'/%3E%3Crect x='129' y='9' width='2.4' height='18' rx='1.2'/%3E%3Crect x='133' y='3' width='2.4' height='30' rx='1.2'/%3E%3Crect x='137' y='10' width='2.4' height='16' rx='1.2'/%3E%3Crect x='141' y='6' width='2.4' height='24' rx='1.2'/%3E%3C/g%3E%3C/svg%3E") 50%/100% 100% no-repeat}.kx-audio__range{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.kx-audio__range::-webkit-slider-runnable-track{background:0 0;height:2.75rem}.kx-audio__range::-moz-range-track{background:0 0;height:2.75rem}.kx-audio__range::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:0;border-radius:.2rem;width:.35rem;height:2.75rem}.kx-audio__range::-moz-range-thumb{background:0 0;border:0;border-radius:.2rem;width:.35rem;height:2.75rem}.kx-audio__range:focus-visible::-webkit-slider-thumb{background:var(--ink)}.kx-audio__range:focus-visible::-moz-range-thumb{background:var(--ink)}.kx-audio__err{background:var(--paper);font-size:var(--fs-sm);border-radius:1rem;margin:0;padding:.7rem 1rem;font-weight:700}.kx-audio__tx{border-top:2px dashed #3a174638;padding-top:.4rem}.kx-audio__sum{min-height:2.75rem;font:800 var(--fs-sm) / 1.3 var(--font-text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.kx-audio__sum::-webkit-details-marker{display:none}.kx-audio__sum:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:.5rem}.kx-audio__sum-icon{background:var(--paper);border-radius:50%;flex:none;width:1.7rem;height:1.7rem;position:relative}.kx-audio__sum-icon:before,.kx-audio__sum-icon:after{content:"";background:currentColor;border-radius:.1rem;width:.75rem;height:.16rem;margin:-.08rem 0 0 -.375rem;position:absolute;top:50%;left:50%}.kx-audio__sum-icon:after{transform:rotate(90deg)}.kx-audio__tx[open] .kx-audio__sum-icon:after{transform:none}.kx-audio__tx-body{gap:.7em;max-width:62ch;padding:.4rem 0 .2rem;font-size:1rem;line-height:1.6;display:grid}.kx-audio__tx-body p{margin:0}.kx-audio__tx::details-content{block-size:0;transition:block-size var(--dur-slow) var(--ease), content-visibility var(--dur-slow) var(--ease) allow-discrete;overflow:clip}.kx-audio__tx[open]::details-content{block-size:auto}.kx-say{border:2px solid var(--ink);background:var(--sun);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.kx-say:hover{transform:translateY(-2px)}}.kx-say:focus-visible{outline:3px solid var(--z-focus,var(--ink));outline-offset:3px}.kx-say .kx-say__pause,.kx-say[aria-pressed=true] .kx-say__play{display:none}.kx-say[aria-pressed=true] .kx-say__pause{display:block}.kx-say[aria-pressed=true]{background:var(--ink);color:var(--sun)}