.media-audio{background-color:#333;display:flex;flex-wrap:wrap;margin:1em 0;position:relative;border-radius:var(--border-radius-top-left) var(--border-radius-top-right) var(--border-radius-bottom-right) var(--border-radius-bottom-left);padding:3em 10px 2em 10px}@container (width > 800px){.media-audio{padding-top:2em}}.media-audio.with-audio-description{padding-bottom:3em}.media-audio audio{display:none !important}.media-audio audio+.img-description{display:none !important}.media-audio a{text-decoration:none}.media-audio .audio-controls{width:100%;display:flex;justify-content:center;margin-bottom:1em}.media-audio .audio-controls a,.media-audio .audio-controls a:visited,.media-audio .audio-controls a:hover{color:#ddd;border-bottom:none !important;padding:0 10px}.media-audio .audio-controls a i,.media-audio .audio-controls a:visited i,.media-audio .audio-controls a:hover i{color:#ddd}.media-audio .audio-time{width:100%}.media-audio .audio-time input[type="range"]{width:calc(100% -  110px)}.media-audio .audio-time .label-wrapper{color:#ddd;font-size:14px;width:100px;margin-left:10px;display:flex;justify-content:center}.media-audio .audio-sound{width:50%;display:flex;margin:0 auto}@media screen and (min-width: 800px){.media-audio .audio-sound{margin-top:10px;width:30%}}.media-audio .audio-sound .audio-volume{width:36px;min-width:36px;height:36px;margin-right:10px;color:#ddd;border-bottom:none}@media screen and (min-width: 1501px){.media-audio .audio-sound .audio-volume{margin-left:20px}}.media-audio .audio-sound .audio-volume:visited,.media-audio .audio-sound .audio-volume:hover{color:#ddd}.media-audio .audio-sound .audio-volume i.fa{font-size:20px;line-height:36px;margin-left:6px}.media-audio .audio-sound .slider-wrapper input[type="range"]{width:100%}.media-audio i.fa{font-size:30px;line-height:20px}.media-audio i.fa.fa-play{margin-left:11px}.media-audio i.fa.fa-pause{margin-left:10px}.media-audio i.fa.fa-stop{margin-left:9px}.media-audio .slider-wrapper{width:100%;height:35px;display:flex;align-items:center;border-radius:10px;padding:0 10px}.media-audio .slider-wrapper input[type="range"]{border:none !important}.media-audio .audio-description{color:#ddd;font-size:75%;margin:0;position:absolute;bottom:10px;width:calc(100% - 20px);text-align:center}@media screen and (-webkit-min-device-pixel-ratio: 0){.media-audio input[type='range']::-webkit-slider-thumb{background:#ddd}}