.audioplayer{--spacing:1rem;--height:3rem;--border:2px solid var(--ui-color);--border-radius:1.5rem;--font-size:var(--typo-xs-min);--ui-color:var(--color-link);--ui-color-bg:var(--color-light);--ui-bar-thumb-size:4px;--ui-bar-track-height:2px;--ui-border:1px solid var(--ui-color);--ui-border-radius:50%}@media(min-width:1024px){.audioplayer{--font-size:var(--typo-xs-max)}}.audioplayer{width:min(30rem,100%);margin:0 auto;padding:var(--spacing)}.is-initialized .audioplayer__native-player{display:none}.audioplayer__container{height:var(--height);border:var(--border);border-radius:var(--border-radius);color:var(--ui-color);background:var(--ui-color-bg);font-size:var(--font-size);max-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-content:stretch;align-items:stretch;margin:0 auto}.audioplayer__player{display:none}.is-initialized .audioplayer__player{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center;gap:var(--spacing);padding:var(--spacing)}.audioplayer__player-item{flex:0 1 auto;align-content:center;display:flex;justify-content:space-between;align-items:center;gap:calc(var(--spacing)/2)}.audioplayer__btn{appearance:none;background:#fff0;border:0;outline:0;padding:0;cursor:pointer;color:var(--ui-color);line-height:0}.audioplayer__seek{flex-grow:1}.audioplayer__time{flex:0 0 auto}.audioplayer__icon{width:1rem;height:1rem;fill:currentcolor}.is-paused .audioplayer__icon--pause{display:none}.is-playing .audioplayer__icon--pause{display:inline-block}.is-paused .audioplayer__icon--play{display:inline-block}.is-playing .audioplayer__icon--play{display:none}.audioplayer__range{-webkit-appearance:none;width:100%;margin:1px 0;background-color:#fff0;line-height:0}.audioplayer__range:focus{outline:none}.audioplayer__range::-webkit-slider-runnable-track{background:var(--ui-color);border:0;width:100%;height:var(--ui-bar-track-height);cursor:pointer}.audioplayer__range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--ui-bar-thumb-size);height:var(--ui-bar-thumb-size);background:var(--ui-color);border:var(--ui-border);border-radius:var(--ui-border-radius);cursor:pointer;transform:translateY(-25%)}.audioplayer__range:focus::-webkit-slider-runnable-track{background:var(--ui-color)}.audioplayer__range::-moz-range-track{background:var(--ui-color);border:0;width:100%;height:var(--ui-bar-track-height);cursor:pointer}.audioplayer__range::-moz-range-thumb{width:var(--ui-bar-thumb-size);height:var(--ui-bar-thumb-size);background:var(--ui-color);border:var(--ui-border);border-radius:var(--ui-border-radius);cursor:pointer}.audioplayer__range::-ms-track{background:#fff0;border-color:#fff0;border-width:var(--ui-bar-track-height) 0;color:#fff0;width:100%;height:var(--ui-bar-track-height);cursor:pointer}.audioplayer__range::-ms-fill-lower{background:var(--ui-color);border:0}.audioplayer__range::-ms-fill-upper{background:var(--ui-color);border:0}.audioplayer__range::-ms-thumb{width:var(--ui-bar-thumb-size);height:var(--ui-bar-thumb-size);background:var(--ui-color);border:var(--ui-border);border-radius:var(--ui-border-radius);cursor:pointer;margin-top:0}.audioplayer__range:focus::-ms-fill-lower{background:var(--ui-color)}.audioplayer__range:focus::-ms-fill-upper{background:var(--ui-color)}.audioplayer__volume-range{width:3rem}.audioplayer__footer{font-family:var(--typo-text-font-family);font-weight:var(--typo-text-font-weight);line-height:var(--typo-text-line-height);font-style:var(--typo-text-font-style);font-size:var(--typo-xs-font-size);font-family:var(--typo-xs-font-family,var(--typo-text-font-family));font-weight:var(--typo-xs-font-weight,var(--typo-text-font-weight));line-height:var(--typo-xs-line-height,var(--typo-text-line-height));font-style:var(--typo-xs-font-style,var(--typo-text-font-style));display:flex;flex-direction:column;align-items:center}