.mil-audio{
    --mil-audio-primary:#1e1e1e;
    --mil-audio-secondary:#ffffff;
    --mil-audio-size:48px;
    --mil-audio-icon-size:22px;
    --mil-audio-border:2px;
    --mil-audio-x:20px;
    --mil-audio-bottom:80px;
    width:100%;
}
.mil-audio__align{width:100%}
.mil-audio__button{
    width:var(--mil-audio-size);
    height:var(--mil-audio-size);
    min-width:var(--mil-audio-size);
    min-height:var(--mil-audio-size);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    line-height:1;
    box-sizing:border-box;
    transition:transform .2s ease,opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;
    box-shadow:none;
    outline:0;
}
.mil-audio--view-stacked .mil-audio__button{
    background:var(--mil-audio-primary);
    color:var(--mil-audio-secondary);
    border:var(--mil-audio-border) solid var(--mil-audio-secondary);
}
.mil-audio--view-framed .mil-audio__button{
    background:var(--mil-audio-secondary);
    color:var(--mil-audio-primary);
    border:var(--mil-audio-border) solid var(--mil-audio-primary);
}
.mil-audio--view-default .mil-audio__button{
    background:transparent;
    color:var(--mil-audio-primary);
    border:0;
}
.mil-audio--shape-circle .mil-audio__button{border-radius:50%}
.mil-audio--shape-square .mil-audio__button{border-radius:8px}
.mil-audio__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:var(--mil-audio-icon-size);
    width:1em;
    height:1em;
}
.mil-audio__icon svg{
    width:1em;
    height:1em;
    fill:currentColor;
}
.mil-audio__icon--pause{display:none}
.mil-audio.is-playing .mil-audio__icon--play{display:none}
.mil-audio.is-playing .mil-audio__icon--pause{display:flex}
.mil-audio--float{
    position:fixed;
    bottom:var(--mil-audio-bottom);
    width:auto;
    z-index:999;
    pointer-events:none;
}
.mil-audio--float .mil-audio__align,
.mil-audio--float .mil-audio__button{pointer-events:auto}
.mil-audio--right{right:var(--mil-audio-x)}
.mil-audio--left{left:var(--mil-audio-x)}
.mil-audio__media{display:none!important}
.mil-audio__not-found{
    padding:10px 12px;
    border:1px dashed #c9c9c9;
    border-radius:6px;
    font-size:13px;
    color:#777;
}
@media(max-width:767px){
    .mil-audio{
        --mil-audio-size:46px;
        --mil-audio-icon-size:21px;
    }
}