body.preview-audio__body #page-content{position:static}body.preview-audio__body .preview-box{position:absolute;top:50px;bottom:0}body.preview-audio__body .preview-container-wrapper{height:100%;background:#f6f9fc}.preview-audio__wrapper{min-width:250px;max-width:636px;width:90%}.preview-audio__aspect-container{position:relative;width:100%;padding-top:50%}.preview-audio__container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;min-width:250px;min-height:165px;max-height:calc(100vh - 150px);background:white;border-radius:3px;border:1px solid #d0d4d9;-webkit-transition:0.5s;transition:0.5s}.preview-audio__container--loading{width:250px;height:165px;background:transparent;border:none}.preview-audio__load-wheel{position:absolute;width:100%;text-align:center;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%)}.preview-audio__radio{position:absolute;top:calc(50% - 16px);left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);visibility:visible;opacity:1;-webkit-transition:1s;transition:1s;-webkit-transition-delay:0.5s;transition-delay:0.5s}.preview-audio__radio--hidden{visibility:hidden;opacity:0;-webkit-transition-delay:0s;transition-delay:0s}.preview-audio .visuals{background:#fff;height:calc(100% - 32px)}.preview-audio .waveform{position:relative;height:calc(100% - 3px)}.preview-audio .waveform__scrub{height:100%;background:#fbfbfb}.preview-audio .wavebar__container{overflow:hidden;position:absolute;height:0;bottom:0;width:100%;cursor:pointer;-webkit-transition:height 1s;transition:height 1s;-webkit-transition-delay:1s;transition-delay:1s}.preview-audio .wavebar__container--ready{height:100%}.preview-audio .wavebar__single{position:relative;float:left;background:#e8eaec;width:2px;min-height:1px}.preview-audio .wavebar__single--scrubbed{background:#d0d4d9}.preview-audio .wavebar__space{height:1px;width:1px;background:none}.preview-audio .audio-progress-bar{cursor:pointer;height:3px;background:#e8eaec;position:relative;top:-1px;z-index:10}.preview-audio .audio-progress-bar__done{position:absolute;background:#007ee5;height:4px;left:-1px}.preview-audio .audio-progress-bar__showing{border-right:1px solid #0071ce;border-left:1px solid #0071ce}.preview-audio .audio-progress-bar__buffered{position:absolute;background:#d0d4d9;height:100%}.preview-audio .toolbar{position:absolute;bottom:0;width:100%;border-top:1px solid #d0d4d9;height:32px}.preview-audio .toolbar-controller{float:left;padding:0 10px;border-right:1px #d0d4d9 solid;font-size:initial;background:none;cursor:pointer}.preview-audio .toolbar-details{float:left}.preview-audio .toolbar-details__string{padding-left:10px}.preview-audio .toolbar-details__time{color:#7b8994}.preview-audio .toolbar-details__loading{color:#d0d4d9}.preview-audio .toolbar-volume{float:right;padding-right:14px}.preview-audio .toolbar-volume__button{display:inline-block;padding-right:10px}.preview-audio .toolbar-volume__button button{font-size:18px;background:none;padding:0;cursor:pointer}.preview-audio .volume-bar{display:inline-block;cursor:pointer}.preview-audio .volume-bar__container{background:#e8eaec;height:4px;width:64px}.preview-audio .volume-bar__selected{background:#7b8994;height:100%}.preview-audio .vertical-align{height:100%;display:table}.preview-audio .vertical-align__child{display:table-cell;vertical-align:middle}