.lk-audio{display:flex;gap:1.4rem;align-items:center;width:100%;padding:1.2rem 1.6rem;border:1px solid rgba(var(--color-foreground),.16);background-color:rgba(var(--color-foreground),.04);transition:border-color .2s ease,background-color .2s ease}.lk-audio:hover,.lk-audio[data-status=spielt]{border-color:rgba(var(--color-foreground),.34);background-color:rgba(var(--color-foreground),.07)}.lk-audio__toggle{flex:0 0 auto;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer;transition:transform .15s ease,filter .15s ease}.lk-audio__toggle:hover{filter:brightness(1.08)}.lk-audio__toggle:active{transform:scale(.94)}.lk-audio__toggle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.lk-audio__toggle svg{width:1.7rem;height:1.7rem;fill:currentColor;pointer-events:none}.lk-audio .lk-audio__icon-pause,.lk-audio[data-status=spielt] .lk-audio__icon-play{display:none}.lk-audio[data-status=spielt] .lk-audio__icon-pause{display:block}.lk-audio__body{flex:1 1 auto;min-width:0}.lk-audio__title{margin:0 0 .2rem;overflow:hidden;font-size:1.5rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.lk-audio__meta{margin:0 0 .8rem;font-size:1.3rem;line-height:1.3;opacity:.62}.lk-audio__bar{position:relative;height:6px;overflow:hidden;background-color:rgba(var(--color-foreground),.16);cursor:pointer}.lk-audio__bar:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.lk-audio__buffer,.lk-audio__progress{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left center}.lk-audio__buffer{background-color:rgba(var(--color-foreground),.22);transition:transform .3s linear}.lk-audio__progress{background-color:rgb(var(--color-button))}.lk-audio[data-status=spielt] .lk-audio__progress{transition:transform .1s linear}.lk-audio__time{flex:0 0 auto;font-size:1.3rem;font-variant-numeric:tabular-nums;opacity:.62}.lk-audio[data-status=fehler]{opacity:.5}@media screen and (max-width:480px){.lk-audio{gap:1.1rem;padding:1rem 1.2rem}.lk-audio__toggle{width:3.8rem;height:3.8rem}.lk-audio__time{display:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/component-lk-audio.css.map */