.player{background:#fff;border-radius:14px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%}.player-track-meta{text-align:center}.player-track-meta p{color:#0e0e0e;font-size:20px;font-weight:700;margin:0}.player-track-meta span{color:#a3a3a3;font-size:16px;font-weight:400;padding:0 2px;position:relative;top:1px}.player-controls,.player-play-btn{align-items:center;display:flex}.player-play-btn{background:0 0;border:none;cursor:pointer;height:36px;justify-content:center;width:36px}.player-play-btn svg{color:#0e0e0e;display:block;height:36px;left:.5px;position:relative;width:36px}.player-play-btn:hover{fill:#444}.player-play-btn:hover svg{color:#fff}.icon-container{fill:#0000;stroke:none}.player-timeline{align-items:center;display:flex;flex:1;justify-content:space-between;padding-left:10px}.player-progress{border-radius:25px;display:flex;margin:0 5px;overflow:hidden;position:relative;width:100%}.player-progress-filled{background:#0e0e0e;border-radius:25px;flex:0;height:6px}.player-time{padding:2px 5px}.player-volume-container{align-items:center;display:flex;padding-left:10px;width:15%}input[type=range].player-volume{color:var(--color-gray-900,oklch(21% .034 264.665))}input[type=range].player-volume::-moz-range-thumb{height:.5em;width:.5em}