installed sass devDependency; installed rimraf devDependency to clean files before builds (no more sourcemaps in builds); updated README.md and corrected typos in it; updated rollupjs devDependency to latest version; updated rollup-plugin-terser devDependency to latest version

src/styles/scss/tabs/_about-tab.scss

@@ -0,0 +1,9 @@
+#about_tab p {
+	margin-bottom: 8px;
+}
+#about_tab h3 {
+	margin: 8px 0px;
+}
+#about_tab hr {
+	margin: 12px 0px;
+}

src/styles/scss/tabs/_charts-tab.scss

@@ -0,0 +1,4 @@
+.charts_grid .release .coverart {
+	width: 156px;
+	height: 156px;
+}

src/styles/scss/tabs/_download-tab.scss

@@ -0,0 +1,197 @@
+#download_tab_container {
+	/* width: 300px; */
+	height: 100%;
+	background-color: var(--panels-background);
+	color: var(--panels-text);
+	display: block;
+	flex-direction: column;
+}
+
+#toggle_download_tab {
+	width: 25px;
+	height: 25px;
+	margin-left: 20px;
+}
+
+#toggle_download_tab::before {
+	font-family: 'Material Icons';
+	font-style: normal;
+	font-weight: 400;
+	content: 'chevron_right';
+}
+
+.download_bar_icon {
+	cursor: pointer;
+	font-size: 24px;
+	margin: 4px;
+}
+
+#download_list {
+	width: 100%;
+	height: calc(100% - 32px);
+	padding: 0px 8px 0px 28px;
+	overflow-y: scroll;
+}
+
+#download_list::-webkit-scrollbar {
+	width: 10px;
+}
+
+#download_list::-webkit-scrollbar-track {
+	background: var(--panels-background);
+}
+
+#download_list::-webkit-scrollbar-thumb {
+	background: var(--panels-scroll);
+	border-radius: 4px;
+	width: 6px;
+	padding: 0px 2px;
+}
+
+#download_list > .download_object {
+	padding-bottom: 8px;
+}
+
+#download_list > .download_object .download_info {
+	display: flex;
+	align-items: center;
+}
+
+#download_list > .download_object .download_info img {
+	width: 75px;
+	height: 75px;
+	display: inline-block;
+	flex-shrink: 0;
+}
+
+#download_list > .download_object .download_info .download_line {
+	display: block;
+}
+
+#download_list > .download_object .download_info .download_slim_separator {
+	display: none;
+}
+
+#download_list > .download_object .download_info_data {
+	width: 100%;
+	margin-left: 8px;
+}
+
+#download_list > .download_object .download_info_status {
+	margin-left: 8px;
+	width: 80px;
+}
+
+#download_list.slim > .download_object .download_info img {
+	display: none;
+}
+
+#download_list.slim > .download_object .download_info .download_line {
+	display: inline-block;
+}
+
+#download_list.slim > .download_object .download_info .download_slim_separator {
+	display: inline-block;
+}
+
+#download_list.slim > .download_object .download_info_data {
+	width: calc(80% - 16px);
+	display: inline-block;
+	padding-left: 0px;
+}
+
+#download_list.slim > .download_object .download_info_status {
+	width: 20%;
+	display: inline-block;
+	float: right;
+}
+
+#download_list.slim > .download_object .download_info {
+	display: block;
+}
+
+.download_object > .download_bar > .queue_icon {
+	cursor: default;
+	margin-left: 8px;
+}
+
+.download_object > .download_bar {
+	display: flex;
+	align-items: center;
+	height: 24px;
+}
+
+.download_object > .download_bar > .progress {
+	margin: 0px;
+}
+
+#download_tab_container #queue_buttons {
+	position: absolute;
+	top: 0;
+	right: 0;
+	opacity: 1;
+	visibility: visible;
+	transition: all 250ms ease-in-out;
+}
+
+#download_tab_container #download_list {
+	/* width: 300px; */
+}
+
+#download_tab_container #download_tab_label {
+	opacity: 0;
+	visibility: hidden;
+	transition: all 250ms ease-in-out;
+}
+
+#download_tab_drag_handler {
+	width: 15px;
+	height: 100%;
+	position: absolute;
+	background-color: #333;
+	cursor: ew-resize;
+}
+
+/* ===== Hidden tab styles ===== */
+#download_tab_container.tab_hidden {
+	width: 32px;
+}
+
+#download_tab_container.tab_hidden #toggle_download_tab {
+	margin-left: 4px;
+}
+
+#download_tab_container.tab_hidden #download_tab_drag_handler {
+	display: none;
+}
+
+#download_tab_container.tab_hidden #toggle_download_tab::before {
+	font-family: 'Material Icons';
+	font-style: normal;
+	font-weight: 400;
+	content: 'chevron_left';
+}
+
+#download_tab_container.tab_hidden::after {
+	content: 'downloads';
+	display: flex;
+	align-items: center;
+	text-transform: capitalize;
+	writing-mode: vertical-rl;
+	line-height: 32px;
+}
+
+#download_tab_container.tab_hidden #queue_buttons {
+	opacity: 0;
+	visibility: hidden;
+}
+
+#download_tab_container.tab_hidden #download_list {
+	display: none;
+}
+
+#download_tab_container.tab_hidden #download_tab_label {
+	/* display: inline; */
+	opacity: 1;
+	visibility: visible;
+}

src/styles/scss/tabs/_favorites-tab.scss

@@ -0,0 +1,3 @@
+.favorites_tablinks.active {
+	color: var(--accent-text);
+}

src/styles/scss/tabs/_home-tab.scss

@@ -0,0 +1,9 @@
+#home_not_logged_text {
+	margin-bottom: 15px;
+}
+
+.home_section {
+	border-top: 1px solid var(--separator);
+	padding-top: 25px;
+	padding-bottom: 25px;
+}

src/styles/scss/tabs/_search-tab.scss

@@ -0,0 +1,106 @@
+#main_search .search_section {
+	float: none;
+	padding-top: 20px;
+	padding-bottom: 20px;
+}
+
+#main_search .search_section:not(:first-child) {
+	border-top: 1px solid var(--separator);
+}
+
+.search_header {
+	display: inline-block;
+	cursor: pointer;
+	font-size: 1.75rem;
+	margin-bottom: 25px;
+}
+
+.search_header:not(.top_result_header) {
+	transition: color 200ms ease-in-out;
+}
+
+.search_header:not(.top_result_header):hover {
+	color: var(--accent-color);
+}
+
+/* Tab links */
+
+.search_tablinks.active {
+	color: var(--main-text-inverted);
+}
+
+/* Top Result */
+#main_search .top_result_header {
+	display: block;
+	cursor: default;
+	font-size: 2rem;
+	text-align: center;
+}
+
+.top_result {
+	display: flex;
+	align-items: center;
+	flex-direction: column;
+}
+
+.top_result > .cover_container {
+	width: 156px;
+	height: 156px;
+}
+
+.top_result .info_box {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	margin-top: 15px;
+}
+
+.top_result .info_box .primary-text,
+.top_result .info_box .secondary-text {
+	font-size: 18px;
+	text-align: center;
+}
+
+.top_result .info_box .primary-text {
+	margin-bottom: 5px;
+}
+
+.top_result .info_box .secondary-text {
+	margin-bottom: 10px;
+}
+
+.top_result .info_box .tag {
+	width: 40px;
+	text-align: center;
+}
+
+/* Releases */
+.release .primary-text,
+.release .secondary-text {
+	margin: 0px;
+	margin-bottom: 4px;
+}
+
+.release .secondary-text {
+	opacity: 0.75;
+	font-size: 14px;
+}
+
+.release .secondary-text .material-icons {
+	font-size: 17px !important;
+	margin-left: 4px;
+}
+
+.release_grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
+	grid-gap: 1rem;
+}
+
+.release_grid.firstrow_only {
+	grid-template-rows: 1fr;
+	grid-auto-rows: 0;
+	grid-row-gap: 0px;
+	overflow-y: hidden;
+}

src/styles/scss/tabs/_settings-tab.scss

@@ -0,0 +1,111 @@
+#settings_picture {
+	width: 125px;
+	height: 125px;
+}
+
+#logged_in_info {
+	height: 250px;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-evenly;
+	align-items: center;
+}
+
+#log_info {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+#open_login_prompt {
+	margin: 8px 0px;
+}
+
+#login_input_arl {
+	margin-bottom: 0px;
+}
+
+#settings_btn_copyArl {
+	min-width: 24px;
+	width: 48px;
+	margin: 0px 0px 0px 8px;
+	padding: 0px 4px;
+}
+
+#settings_btn_copyArl i {
+	padding: 6px 0px;
+}
+
+#spotify-icon {
+	width: 24px;
+	height: 24px;
+	fill: #1db954;
+	margin-right: 15px;
+}
+
+/* Settings group */
+.settings-group {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	border-top: 1px solid var(--separator); /* Need less opacity */
+	padding-top: 20px;
+	padding-bottom: 20px;
+}
+
+.settings-group > * {
+	margin-bottom: 15px;
+}
+
+/* Settings group header */
+.settings-group__header {
+	font-size: 1.5rem;
+	margin-bottom: 25px;
+}
+
+.settings-group__header--with-icon {
+	display: inline-flex;
+	align-items: center;
+}
+
+.settings-group__header--with-icon i.material-icons {
+	margin-right: 15px;
+}
+
+/* Settings container */
+.settings-container {
+	display: flex;
+}
+
+.settings-container__half > *,
+.settings-container__third > * {
+	margin-bottom: 15px;
+}
+
+.settings-container__half {
+	width: 50%;
+}
+
+.settings-container__third {
+	width: 33%;
+}
+
+.settings-container__third--only-checkbox {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: start;
+}
+
+/* Input group */
+.input_group {
+	margin-bottom: 25px;
+}
+
+.input_group .input_group_text {
+	margin-bottom: 7px;
+}
+
+.with_checkbox + .input_group {
+	margin-top: 10px;
+}

src/styles/scss/tabs/_tabs.scss

@@ -0,0 +1,34 @@
+.search_tabcontent,
+.main_tabcontent,
+.favorites_tabcontent {
+	display: none;
+}
+
+.main_tabcontent h1 {
+	margin-bottom: 12px;
+}
+
+.tab button {
+	background-color: var(--primary-background);
+	color: var(--main-text);
+}
+
+.tab button.active {
+	background-color: var(--accent-color);
+}
+
+.release {
+	display: inline-block;
+	width: 156px;
+}
+
+.release .cover_container {
+	width: 156px;
+	height: 156px;
+	margin-bottom: 10px;
+}
+
+.main_tablinks_text {
+	overflow: hidden;
+	white-space: nowrap;
+}