*{box-sizing:border-box}body{background:#1c1c1c;color:#fff;font-family:sans-serif;margin:0 10px}.audio-player{padding:10px}.inner{margin:0 auto;max-width:1200px;padding:20px}.audio-info{align-items:center;display:flex;flex-direction:column;gap:20px}.text{color:#37b43d}.title{color:#fff;font-size:32px;font-weight:100;line-height:37px;margin-bottom:0;padding:2px}.icon-wrapper{align-items:center;display:flex;height:100%;justify-content:center}.audio-image{height:300px;width:300px}.audio-icon{align-items:center;border-radius:50%;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.audio-image img{height:100%;object-fit:cover;vertical-align:middle;width:100%}.controls-wrapper{align-items:center;display:flex;justify-content:space-between}.controls{display:flex;width:100%}.controls button,.volume button{background-color:initial;border:none;cursor:pointer;margin-right:8px}button svg{font-size:20px}.volume{align-items:center;display:flex}.volume button{margin:0}.progress{align-items:center;display:flex;gap:10px;margin-left:10px;width:100%}.time{font-size:13px;line-height:46px}.flex{align-items:center;display:flex}button{color:#fff}input[type=range]{--range-progress:0;-webkit-appearance:none;background:#ccc;border-radius:2px;cursor:pointer;height:2px;position:relative;width:100%}input[type=range]::-moz-range-track{background:#ccc;border-radius:2px;cursor:pointer;height:2px;position:relative;width:100%}input[type=range]:before{background:#37b43d;border-bottom-left-radius:2px;border-top-left-radius:2px;content:"";height:2px;left:0;position:absolute;top:0;width:var(--range-progress)}input[type=range]::-moz-range-progress{background:#37b43d;border-bottom-left-radius:2px;border-top-left-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#37b43d;border:none;border-radius:50%;cursor:pointer;height:8px;position:relative;width:8px}input[type=range]:active::-webkit-slider-thumb{-webkit-transform:scale(1.2);transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:#37b43d;border:transparent;border-radius:50%;cursor:pointer;height:8px;position:relative;width:8px}input[type=range]:active::-moz-range-thumb{transform:scale(1.2)}
/*# sourceMappingURL=main.8f7280e2.css.map*/