.audiobox-container, .audiobox-container-interactive {
    width: 100%;
    height: 100%;
    min-height: 32px;
    position: inherit;
    display:flex;
    pointer-events: all;
    .audiobox-handle {
        width:20px;
        height:100%;
        display:inline-block;
        background: gray;
    }
    .audiobox-control, .audiobox-control-interactive {
        top:0;
        max-height: 32px;
        width: 100%;
        display:inline-block;
        pointer-events: none;
    }
    .audiobox-control-interactive {
        pointer-events: all;
    }
    .audiobox-record {
        pointer-events: all;
        width:100%;
        height:100%;
        position: absolute;
        pointer-events: none;
    }
    .audiobox-record-interactive {
        pointer-events: all;
    }
}