#player,#playTimeD,#playButtons{display:flex}#player{flex-wrap:wrap;width:268px;border-radius:.5rem;background:#fff;background-color:#eee;border:4px solid #999;border-radius:1.5rem;padding:1rem}#playControls{width:100%}#player input[type="range"]{padding:0;margin:0;border:0;outline:0;box-shadow:none;accent-color:#0076ce}#playName{font-size:12px;margin-bottom:10px}#playTimeN,#playTimeT{width:50%;font-size:14px}#playTimeR{width:100%}#playTimeT{text-align:right}@font-face{font-family:icomoon;src:url(/js/player/fonts/icomoon.eot?d3ybsy);src:url(/js/player/fonts/icomoon.eot?d3ybsy#iefix) format("embedded-opentype"),url(/js/player/fonts/icomoon.ttf?d3ybsy) format("truetype"),url(/js/player/fonts/icomoon.woff?d3ybsy) format("woff"),url(/js/player/fonts/icomoon.svg?d3ybsy#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^="icon-"]{color:#515151;font-family:icomoon !important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-play3:before{content:"\ea1c"}.icon-pause2:before{content:"\ea1d"}.icon-previous2:before{content:"\ea23"}.icon-next2:before{content:"\ea24"}.icon-volume-high:before{content:"\ea26"}.icon-volume-mute2:before{content:"\ea2a"}#playButtons{margin-top:10px;align-items:center}#playLast,#playTog,#playNext,#playVolI{cursor:pointer}#playLast,#playTog,#playNext{font-size:32px;flex-grow:1}#playVolI{font-size:16px;margin-right:5px}#playVolR{flex-shrink:1;max-width:80px}#playList{width:100%;margin-top:20px;font-size:12px}#playList div{padding:10px;cursor:pointer}#playList div.current{font-weight:700;color:#0076ce}#playList div:nth-child(odd){background:rgba(0,0,0,0.04)}.article-audio{margin-bottom:1rem}.article-audio #player{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;width:100%}.article-audio #playButtons{order:1;margin-top:0}.article-audio #playTimeR{margin-left:.5rem !important;order:2}.article-audio #playTimeD{order:3}.article-audio #playVolI{margin-left:.5rem}.article-audio #playControls{flex-grow:1;width:auto;padding-left:1rem;display:flex;align-items:center}.article-audio #playControls>div{padding-left:1rem}.article-audio h5{margin-bottom:0}.article-audio #playButtons{min-width:160px}.article-audio #playName{min-width:350px;margin-bottom:0}.article-audio #playTog{flex-grow:0}@media(max-width:800px){.article-audio #playControls{flex-wrap:wrap}.article-audio #playButtons{padding-left:0 !important;margin-bottom:.5rem}.article-audio #playName{padding-left:0 !important;margin:0;margin-bottom:.5rem;flex:1 1 100%;order:-1}}.article-audio img{border-radius:.5rem}.article-audio h5{display:none}.article-audio #player{border:0;background:transparent}.article-audio #playControls{display:block}.article-audio #playButtons{display:flex;justify-content:space-between}