@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.button{background:var(--bg-light);height:40px;color:var(--text-muted);cursor:pointer;border:none;border:var(--border);transition:opacity var(--transition);border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:5px 10px;display:flex}.button.icon{aspect-ratio:1;padding:5px}.button:active{opacity:.8}.button[disabled]{opacity:.6;cursor:not-allowed}.button.primary{background:var(--primary);color:var(--bg)}button.secondary{background:var(--text-muted);color:var(--bg)}.button.danger{background:var(--error)}.button.transparent{color:var(--text-muted);background:0 0;border:none}button.rounded{border-radius:50%}.button svg{height:22px}.network{flex-direction:column;align-items:center;gap:10px;width:100%;margin-block:10px;display:flex}.network>div{align-items:center;gap:5px;height:30px;display:flex}.network .network-icon{justify-content:center;align-items:center;height:25px;display:flex}.network .network-icon svg{height:22px}.network .loader{border-color:var(--bg)}.loader{aspect-ratio:1;border-style:solid;border-width:1.5px;border-color:var(--text-muted);border-radius:50%;width:20px;animation:.8s linear infinite alternate l20-1,1.6s linear infinite l20-2}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1)rotate(0)}49.99%{transform:scaleY(1)rotate(135deg)}50%{transform:scaleY(-1)rotate(0)}to{transform:scaleY(-1)rotate(-135deg)}}.header{background:var(--bg);width:100%;min-height:60px;position:relative}header{background:var(--bg-opaque);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;gap:10px;width:100%;height:60px;padding:10px;display:flex;position:fixed}header img{height:40px}header h1{align-items:center;gap:10px;font-size:25px;font-weight:600;display:flex}header h1 span{text-transform:uppercase;background:var(--bg-dark);border-radius:5px;padding:5px 7px;font-size:16px;font-style:italic;font-weight:800}:root{--bg:#141414;--bg-dark:#050505;--bg-light:#232323;--bg-opaque:#14141480;--text:#f0f0f0;--text-muted:#dcdcdc;--primary:#1db954;--success:#64ff64;--error:#ff4646;--border-color:#404040;--border:1px solid var(--border-color);--transition:ease-out .2s}html{height:100%}body,#root{background:var(--bg-dark);color:var(--text-muted);flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex}*{box-sizing:border-box;font-family:Montserrat;font-size:1rem}hr{background:var(--border-color);border:none;width:70%;height:1px;margin-block:1rem}.player-container{width:100%;height:60px}.player{background:var(--bg);justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px;display:flex;position:fixed;bottom:2px}.player>div{align-items:center;gap:10px;min-height:100%;max-height:100%;display:flex}.player .infos img{aspect-ratio:1;border-radius:5px;height:40px}.player .texts{flex-direction:column;height:40px;display:flex}.player .texts p{height:50%;margin:0}.player .texts p:first-child{color:var(--text);font-weight:600}.player .progress-bar{background:var(--bg-light);width:100%;height:2px;display:block;position:absolute;top:60px;left:0;right:0}.player .progress-bar .progress{background:var(--text);height:2px}.toast-container{flex-direction:column-reverse;align-items:center;gap:10px;width:100%;padding-bottom:10px;display:flex;position:fixed;bottom:60px}.toast{background:var(--text-muted);color:var(--bg);animation:toast-fade-in var(--transition);border-radius:5px;padding:8px 14px}.toast.fade{animation:toast-fade-in var(--transition);animation-direction:reverse}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search{width:100%;padding:10px}.search-bar{background:var(--bg);border:var(--border);border-radius:40px;align-items:center;gap:5px;width:100%;height:50px;padding:5px 5px 5px 15px;display:flex;position:relative}.search-bar input{width:100%;height:100%;color:var(--text);background:0 0;border:none;outline:none}.search-bar .suggestions{background:var(--bg);z-index:3;border-radius:15px;flex-direction:column;gap:10px;width:100%;padding:15px;display:flex;position:absolute;top:60px;left:0}.search-bar .suggestions .button{justify-content:flex-start;width:100%;height:30px;padding:0}