.music-body{background:#d4d0c8;height:100%;overflow:hidden}.music-container{display:flex;flex-direction:column;height:86%;justify-content:center;padding:20px}.music-body h1{color:navy;font-size:20px;margin-bottom:10px;text-align:center;text-shadow:1px 1px #fff}.music-ribbon{background:#0a246a;border-radius:4px;box-shadow:inset 1px 1px 0 #5c85d6;color:#fff;font-weight:700;margin-bottom:10px;padding:5px 10px}.bouncing-text{background:#fff;border:2px inset grey;color:#000;height:20px;margin-bottom:10px;overflow:hidden;padding:5px;position:relative;text-align:left;white-space:nowrap}.music-track-name{position:absolute;white-space:nowrap;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation-fill-mode:forwards;animation-name:slide;animation-timing-function:linear}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(var(--slide-distance))}}.music-time-display{font-size:14px;margin-bottom:10px;text-align:center}.music-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:10px}.music-controls button{background:#e0e0e0;border:2px outset #dcdcdc;border-radius:4px;color:#000;cursor:pointer;font-family:Tahoma,sans-serif;font-size:13px;padding:5px 10px}.music-controls button:active{border:2px inset #dcdcdc}.music-track-slider,.music-volume{appearance:none;-webkit-appearance:none;background:silver;border:2px inset grey;border-radius:3px;height:6px}.music-track-slider{max-width:800px;width:90%}.music-volume{width:200px}.music-track-slider::-webkit-slider-thumb,.music-volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:navy;border:1px solid #fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.music-audio{display:none}