body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.side-panel{border-radius:12px;box-shadow:5px 5px 20px #00000080;right:40px;width:300px;z-index:10}.side-panel.active{right:40px}.side-panel h2{font-size:20px}.side-panel h2,.side-panel p{text-align:center}.side-panel .player-controls{display:flex;justify-content:space-evenly;margin-top:10px}.side-panel button{padding:8px;width:100%}circle{stroke-width:2;transition:all .2s ease-in-out}circle:hover{stroke:#fff;stroke-width:3;cursor:pointer;transform:scale(1.1)}body{color:#fff;font-family:Inter,sans-serif}.container{align-items:center;display:flex;justify-content:space-between;padding:20px}.chart-container{height:auto;margin:50px auto auto;transition:width .3s ease-in-out}svg{display:block;overflow:visible}.side-panel-container{position:relative;width:280px}.chart-container.contracted{width:calc(100% - 320px)}.tooltip{background:#000c;border-radius:5px;color:#fff;font-size:14px;padding:6px 10px;position:absolute;transition:opacity .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#181818;color:#fff;font-family:Inter,sans-serif;height:100%;min-height:100vh;text-align:center;width:100%}.App{flex-direction:column;justify-content:flex-start;margin:auto;max-width:1200px;min-height:100vh;padding-top:50px;width:100%}.App,.App-header{align-items:center;display:flex;position:relative}.App-header{background:linear-gradient(135deg,#1e1e1e,#121212);border-radius:15px;box-shadow:0 4px 10px #00000080;font-size:1.6rem;justify-content:center;margin-bottom:10px;max-width:1000px;padding:8px 15px;text-align:center;top:0;width:90%}.App-header h1{font-size:1.8rem;margin:0}button{background-color:#1db954;border:none;border-radius:25px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:8px;padding:10px 16px;transition:background .3s ease-in-out,transform .1s ease-in-out}button:hover{background-color:#17a44c;box-shadow:0 6px 12px #0000004d;transform:scale(1.05)}button.active{background-color:#1db954;box-shadow:0 4px 10px #1db95480}.toggle-buttons{flex-wrap:wrap;gap:8px;margin:15px auto;max-width:600px}.search-container,.toggle-buttons{display:flex;justify-content:center;padding-top:20px}.search-container{margin-bottom:20px}.search-container input{background:#282828;border:none;border-radius:20px;color:#fff;font-size:14px;padding:10px;text-align:center;width:250px}.search-container input::placeholder{color:#bbb}input[type=text]{background:#282828;border:none;border-radius:20px;color:#fff;font-size:14px;padding:10px;text-align:center;width:250px}input[type=text]::placeholder{color:#bbb}.chart-container{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}svg{background:linear-gradient(180deg,#181818,#000);display:flex;margin:auto}.side-panel{background:#121212;border-radius:10px;box-shadow:5px 5px 15px #0000004d;color:#fff;padding:20px;position:fixed;right:-320px;top:50%;transform:translateY(-50%);transition:right .3s ease-in-out;width:280px;z-index:100}.side-panel.active{right:20px}.side-panel h2{font-size:18px;font-weight:700;margin-bottom:10px}.side-panel img{border-radius:8px;margin-bottom:10px;width:100%}.side-panel p{font-size:14px;opacity:.85}.side-panel button{background:#1db954;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 15px;transition:background .2s}.side-panel button:hover{background:#16a34a}.player-controls{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.player-controls button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;transition:opacity .2s}.player-controls button:hover{opacity:.7}@media (max-width:768px){.App-header{padding:15px;width:95%}.side-panel{border-radius:0;height:100vh;right:-100%;top:0;transform:none;width:100%}.side-panel.active{right:0}}
/*# sourceMappingURL=main.59b16580.css.map*/