html,body{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif}:root{--font-color:aliceblue;--navbar-bg-color:#1a1a1a;--component-bg-color:#32323299;--input-bg-color:#20232ab3;--track-bg-color:#3c3c3c99;--track-bg-color-hover:#4b4b4bb3;--scrollbar-start-color:#ffffff80;--scrollbar-end-color:#0000001a;--border-radius-large:15px;--border-radius-medium:7px;--border-radius-small:3px;--padding-large:20px;--padding-medium:10px;--margin-large:20px;--margin-medium:10px;--margin-small:5px;--navbar-height-desktop:40px;--navbar-height-mobile:30px;--footer-height-desktop:40px;--footer-height-mobile:70px;--input-border:2px solid #fc3c44;--button-hover-bg-color:#f94c57;--button-bg-color:#fc3c44;--focus-border-color:#f94c57;--album-art-size-small:50px;--album-art-size-medium:200px;--album-art-size-large:350px;--transition-speed:.3s ease;--gradient-color-1:#fa573c;--gradient-color-2:#61dafb;--gradient-color-3:#60a4f4;--gradient-color-4:#fa573c;--gradient-color-5:#1f2378}