.share-button{vertical-align:middle;align-items:center;margin-left:4px;display:inline-flex}
.xm-track-info__text{color:#ffffffe6;white-space:pre;tab-size:4;margin:0;font-family:Berkeley Mono,IBM Plex Mono,Courier New,monospace;font-size:clamp(.75rem,.5vw + .65rem,.875rem);line-height:1.4}
.audioPlayer{box-sizing:border-box;--primary:#fff;width:100%;padding:clamp(20px,1vw,4px) clamp(10px,1vw,8px) 15px 0;position:relative}.forwardBackward{-webkit-user-select:none;user-select:none;color:#8d7f80;cursor:pointer;background:0 0;border:none;align-items:center;margin:0;padding:4px;font-size:28px;display:flex}.forwardBackward:hover{color:var(--primary)}.currentTime,.duration{white-space:nowrap;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.progressBar{--bar-bg:#463736;--seek-before-width:0%;--seek-before-color:#fff;--knobby:#fff;--selectedKnobby:#dc3c6b;appearance:none;background:linear-gradient(to right,var(--seek-before-color)var(--seek-before-width),var(--bar-bg)var(--seek-before-width));cursor:pointer;border-radius:10px;outline:none;height:4px;margin:0 8px;display:flex;position:relative}.progressBar::-moz-range-track{background:var(--bar-bg);border-radius:10px;outline:none;width:100%;height:4px;position:relative}.progressBar::-moz-focus-outer{border:0}.progressBar::-moz-range-progress{background-color:var(--seek-before-color);border-top-left-radius:10px;border-bottom-left-radius:10px;height:4px}.progressBar::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--knobby);cursor:pointer;z-index:3;box-sizing:border-box;border:none;border-radius:50%;width:10px;height:10px;margin:-.2em 0 0;position:relative}.progressBar:active::-webkit-slider-thumb{background:var(--selectedKnobby);transform:scale(1.2)}.progressBar::-moz-range-thumb{z-index:3;background-color:var(--knobby);cursor:pointer;box-sizing:border-box;border:#0000;border-radius:50%;width:15px;height:15px;position:relative}.progressBar:active::-moz-range-thumb{background:var(--selectedKnobby);transform:scale(1.2)}.progressBar::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--seek-before-color)var(--seek-before-width),var(--bar-bg)var(--seek-before-width));border-radius:10px;outline:none;width:100%;height:4px;position:relative}.timeDuration-container{color:#8d7f80;-webkit-user-select:none;user-select:none;justify-content:space-between;display:flex}.progressBar-container{flex-direction:column;justify-content:center;gap:8px;width:100%;margin-top:24px;margin-right:90px;display:flex;position:relative}
.volume-control{align-items:center;display:flex;position:relative}.volume-button{color:#8d7f80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.volume-button:hover{color:var(--primary)}.volume-button--active{color:#dc3c6b}.volume-popup{z-index:1100;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:130px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.volume-slider-wrapper{justify-content:center;align-items:center;display:flex;transform:rotate(-90deg)}.volume-slider{appearance:none;cursor:pointer;--volume-before-width:80%;background:#463736;border-radius:10px;outline:none;width:100px;height:4px;margin:0;padding:0;position:relative}.volume-slider:before{content:"";height:4px;width:var(--volume-before-width);z-index:2;background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;position:absolute;top:0;left:0}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;z-index:3;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;position:relative}.volume-slider:active::-webkit-slider-thumb{background:#dc3c6b;transform:scale(1.2)}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px}.volume-slider:active::-moz-range-thumb{background:#dc3c6b;transform:scale(1.2)}.volume-slider::-webkit-slider-runnable-track{background:#463736;border-radius:10px;width:100%;height:4px}.volume-slider::-moz-range-track{background:#463736;border-radius:10px;width:100%;height:4px}.volume-slider::-moz-range-progress{background:#fff;border-radius:10px;height:4px}