:root{--buttonTextColor:#000;--buttonBgColor:#6fb98f;--trackslider-color:#021c1e;--trackslider-bg:#6fb98f;--flex-direction:row}[data-type=audioplayer]{border-radius:5px;box-shadow:0 0 2px 2px rgba(0,0,0,.46);padding:5px 0}[data-type=time]{align-items:center;color:var(--buttonTextColor);display:flex;flex:auto;justify-content:space-between}[data-type=audioplayer] button{background-color:var(--buttonBgColor);border:none;border-radius:5%;box-shadow:1px 1px 2px 0 #00000096;padding:8px;text-align:center;text-decoration:none}[data-type=audioplayer] button[name=volume]{margin:0 10px;padding:0 4px}[data-type=audioplayer] button:active{transform:scale(.9)}[data-type=audioplayer] [data-type=control]{align-items:center;display:flex;gap:1rem;justify-content:center;min-width:280px}[data-type=audioplayer] [data-name=no]{color:var(--buttonTextColor)}[data-type=audioplayer] [data-type=control-wrapper]{align-items:center;display:flex;flex:1;justify-content:center}[data-type=audioplayer] [data-type=media]{padding:0 5px}[data-type=trackSlider-wraper]{position:relative}[data-type=trackSlider-wraper] input[type=range]{left:0;opacity:0;position:absolute;top:0;width:100%}progress[value]::-webkit-progress-value{background-color:var(--trackslider-color);border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.25) outset}progress[value]::-moz-progress-bar{background-color:var(--trackslider-color);border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}progress[value]::-webkit-progress-bar{background-color:var(--trackslider-bg);border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}[data-type=trackslider][value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--trackslider-bg);border:none;border-radius:2px;box-shadow:inset 0 2px 5px rgba(0,0,0,.25);height:5px;width:100%}[data-type=audio-cover]{color:var(--buttonTextColor);display:flex;flex:0.5;gap:5px;justify-content:space-between;margin:0 5px;overflow:hidden;white-space:nowrap}[data-type=audio-cover] img{aspect-ratio:2/3;height:100%;max-width:30px;width:100%}[data-type=audio-detail]{display:grid;flex:auto}[data-type=audio-detail],[data-type=audio-detail] small{overflow:hidden;text-overflow:ellipsis}[data-type=audio-detail] [data-type=artist]{font-size:12px;opacity:.7}[data-type=audioplayer] svg{display:initial}@media screen and (min-width:768px){[data-type=audioplayer],[data-type=player]{align-items:center;display:flex;justify-content:center}[data-type=audioplayer] [data-type=media]{flex:2;padding:0 2px}[data-type=control]{flex:1}[data-type=player]{flex:auto;flex-direction:var(--flex-direction)}[data-type=control-wrapper]{justify-content:space-between}[data-type=cover]{max-width:10rem}}