<!DOCTYPE html>
<html class="light">
	<head>
		<link rel="apple-touch-icon" sizes="180x180" href="./assets/img/favicon/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="./assets/img/favicon/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="./assets/img/favicon/favicon-16x16.png">
		<link rel="manifest" href="./assets/img/favicon/site.webmanifest">
		<link rel="mask-icon" href="./assets/img/favicon/safari-pinned-tab.svg" color="#42b1e3">
		<link rel="shortcut icon" href="./assets/img/favicon/favicon.ico">
		<meta name="msapplication-TileColor" content="#2d89ef">
		<meta name="msapplication-config" content="./assets/img/favicon/browserconfig.xml">
		<meta name="theme-color" content="#ffffff">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta charset="utf-8">
		<link rel="stylesheet" href="./assets/css/light.css">
		<link rel="stylesheet" href="./assets/css/dark.css">
		<link rel="stylesheet" href="./assets/css/style.css">
		<link rel="stylesheet" href="./assets/css/resize.css">
		<link rel="stylesheet" href="./assets/css/flatpickr.css">
		<script src="./assets/js/flatpickr.js"></script>
		<script src="./assets/js/chart.js"></script>
		<script src="./assets/js/qr-code-styling.js"></script>
		<script src="./assets/js/x-storage.js"></script>
		<script src="./assets/js/x-notify.js"></script>
		<script src="./assets/js/api.js"></script>
		<script src="./assets/js/main.js"></script>
		<title>Cryptofolio</title>
	</head>
	<body id="desktop">
		<div class="titlebar loading">
			<div class="window-buttons loading">
				<button class="close-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg></button>
				<button class="minimize-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"/></svg></button>
				<button class="maximize-button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M212.686 315.314L120 408l32.922 31.029c15.12 15.12 4.412 40.971-16.97 40.971h-112C10.697 480 0 469.255 0 456V344c0-21.382 25.803-32.09 40.922-16.971L72 360l92.686-92.686c6.248-6.248 16.379-6.248 22.627 0l25.373 25.373c6.249 6.248 6.249 16.378 0 22.627zm22.628-118.628L328 104l-32.922-31.029C279.958 57.851 290.666 32 312.048 32h112C437.303 32 448 42.745 448 56v112c0 21.382-25.803 32.09-40.922 16.971L376 152l-92.686 92.686c-6.248 6.248-16.379 6.248-22.627 0l-25.373-25.373c-6.249-6.248-6.249-16.378 0-22.627z"/></svg></button>
			</div>
			<div class="titlebar-shadow"></div>
		</div>
		<div class="app-content">
			<div class="login-wrapper" id="login-wrapper">
				<div>
					<input id="login-api" type="text" placeholder="API URL...">
					<input id="login-username" type="text" placeholder="Username...">
					<input id="login-password" type="password" placeholder="Password...">
					<button id="login-button">Login</button>
					<button id="login-noapi-button">No-API Mode</button>
				</div>
			</div>
			<div class="loading-overlay active noselect" id="loading-overlay"><div class="loading-icon"><div></div><div></div></div></div>
			<div class="popup-overlay noselect" id="popup-overlay"></div>
			<div class="popup-wrapper" id="popup-wrapper">
				<div class="top noselect">
					<span class="title">Popup Title</span>
					<button class="close-button">
						<svg class="close-icon" class="hidden" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/></svg>
					</button>
				</div>
				<div class="bottom"></div>
			</div>
			<div class="navbar noselect">
				<div class="background market" id="navbar-background"></div>
				<div class="item" id="navbar-dashboard">
					<div class="content">
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M832 1024v384q0 52-38 90t-90 38h-512q-52 0-90-38t-38-90v-384q0-52 38-90t90-38h512q52 0 90 38t38 90zm0-768v384q0 52-38 90t-90 38h-512q-52 0-90-38t-38-90v-384q0-52 38-90t90-38h512q52 0 90 38t38 90zm896 768v384q0 52-38 90t-90 38h-512q-52 0-90-38t-38-90v-384q0-52 38-90t90-38h512q52 0 90 38t38 90zm0-768v384q0 52-38 90t-90 38h-512q-52 0-90-38t-38-90v-384q0-52 38-90t90-38h512q52 0 90 38t38 90z"/></svg>
						<span>Dashboard</span>
					</div>
				</div>
				<div class="item active" id="navbar-market">
					<div class="content">
						<svg width="2048" height="1792" viewBox="0 0 2048 1792" xmlns="http://www.w3.org/2000/svg"><path d="M960 0l960 384v128h-128q0 26-20.5 45t-48.5 19h-1526q-28 0-48.5-19t-20.5-45h-128v-128zm-704 640h256v768h128v-768h256v768h128v-768h256v768h128v-768h256v768h59q28 0 48.5 19t20.5 45v64h-1664v-64q0-26 20.5-45t48.5-19h59v-768zm1595 960q28 0 48.5 19t20.5 45v128h-1920v-128q0-26 20.5-45t48.5-19h1782z"/></svg>
						<span>Market</span>
					</div>
				</div>
				<div class="item" id="navbar-holdings">
					<div class="content">
						<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M461.2 128H80c-8.84 0-16-7.16-16-16s7.16-16 16-16h384c8.84 0 16-7.16 16-16 0-26.51-21.49-48-48-48H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h397.2c28.02 0 50.8-21.53 50.8-48V176c0-26.47-22.78-48-50.8-48zM416 336c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z"/></svg>
						<span>Holdings</span>
					</div>
				</div>
				<div class="item" id="navbar-activity">
					<div class="content">
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1792 1184v192q0 13-9.5 22.5t-22.5 9.5h-1376v192q0 13-9.5 22.5t-22.5 9.5q-12 0-24-10l-319-320q-9-9-9-22 0-14 9-23l320-320q9-9 23-9 13 0 22.5 9.5t9.5 22.5v192h1376q13 0 22.5 9.5t9.5 22.5zm0-544q0 14-9 23l-320 320q-9 9-23 9-13 0-22.5-9.5t-9.5-22.5v-192h-1376q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h1376v-192q0-14 9-23t23-9q12 0 24 10l319 319q9 9 9 23z"/></svg>
						<span>Activity</span>
					</div>
				</div>
				<div class="item" id="navbar-settings">
					<div class="content">
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"/></svg>
						<span>Settings</span>
					</div>
				</div>
			</div>
			<div class="page dashboard" id="page-dashboard">
				<div class="dashboard-market-card-wrapper noselect">
					<div class="dashboard-market-cap-card">
						<span class="title">Market Cap</span>
						<span class="subtitle" id="dashboard-market-cap">...</span>
					</div>
					<div class="dashboard-market-change-card">
						<span class="title">24h Change</span>
						<span class="subtitle" id="dashboard-market-change">...</span>
					</div>
				</div>
				<div class="dashboard-market-list-wrapper noselect">
					<div class="headers-wrapper" data-list="dashboardMarket">
						<span class="header coin" data-item="coin">Coin</span>
						<span class="header price" data-item="price">Price</span>
						<span class="header market-cap" data-item="marketCap">Market Cap</span>
						<span class="header day" data-item="change">24h Change</span>
					</div>
					<div class="dashboard-market-list loading" id="dashboard-market-list">
						<div class="coin-wrapper loading">
							<span>Loading...</span>
						</div>
					</div>
				</div>
				<div class="dashboard-holdings-card-wrapper noselect">
					<div class="dashboard-holdings-card">
						<span class="title">Total Value</span>
						<span class="subtitle" id="dashboard-holdings-value">...</span>
					</div>
				</div>
				<div class="dashboard-holdings-list-wrapper noselect">
					<div class="headers-wrapper" data-list="dashboardHoldings">
						<span class="header coin" data-item="coin">Coin</span>
						<span class="header amount" data-item="amount">Amount</span>
						<span class="header value" data-item="value">Value</span>
						<span class="header day" data-item="change">24h Change</span>
					</div>
					<div class="dashboard-holdings-list loading" id="dashboard-holdings-list">
						<div class="coin-wrapper loading">
							<span>Loading...</span>
						</div>
					</div>
				</div>
			</div>
			<div class="page market active" id="page-market">
				<div class="stats-wrapper noselect">
					<div class="stats-card market-cap">
						<span class="stats-title">Market Cap</span>
						<span class="stats-subtitle" id="global-market-cap">...</span>
					</div>
					<div class="stats-card volume">
						<span class="stats-title">24h Volume</span>
						<span class="stats-subtitle" id="global-volume">...</span>
					</div>
					<div class="stats-card dominance">
						<span class="stats-title">BTC Dominance</span>
						<span class="stats-subtitle" id="global-dominance">...</span>
					</div>
				</div>
				<div class="page-navigation-wrapper noselect" id="page-navigation">
					<div class="previous" id="previous-page">
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1427 301l-531 531 531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19l-742-742q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"/></svg>
					</div>
					<div class="number">
						<span id="page-number">Page 1</span>
					</div>
					<div class="next" id="next-page">
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1363 877l-742 742q-19 19-45 19t-45-19l-166-166q-19-19-19-45t19-45l531-531-531-531q-19-19-19-45t19-45l166-166q19-19 45-19t45 19l742 742q19 19 19 45t-19 45z"/></svg>
					</div>
				</div>
				<div class="market-list-wrapper noselect">
					<div class="headers-wrapper" data-list="market">
						<span class="header rank" data-item="rank">#</span>
						<span class="header coin" data-item="coin">Coin</span>
						<span class="header price" data-item="price">Price</span>
						<span class="header market-cap" data-item="market-cap">Market Cap</span>
						<span class="header day" data-item="change">24h Change</span>
					</div>
					<div class="market-list loading" id="market-list" data-page="1">
						<div class="coin-wrapper loading">
							<span>Loading...</span>
						</div>
					</div>
				</div>
			</div>
			<div class="page holdings" id="page-holdings">
				<div class="more-menu hidden" id="holdings-more-menu">
					<button id="more-edit">Edit</button>
					<button id="more-remove">Remove</button>
				</div>
				<div class="holdings-list-wrapper noselect">
					<div class="headers-wrapper" data-list="holdings">
						<span class="header coin" data-item="coin">Coin</span>
						<span class="header amount" data-item="amount">Amount</span>
						<span class="header value" data-item="value">Value</span>
						<span class="header day" data-item="change">24h Price Change</span>
					</div>
					<div class="holdings-list loading" id="holdings-list">
						<div class="coin-wrapper loading">
							<span>Loading...</span>
						</div>
					</div>
				</div>
				<div class="holdings-card-wrapper noselect">
					<div class="holdings-value-card" id="holdings-value-card">
						<span class="title">Total Value</span>
						<span class="subtitle" id="holdings-total-value">...</span>
					</div>
					<div class="holdings-add-card" id="holdings-add-card">
						<span class="title">Add Coin</span>
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"/></svg>
					</div>
				</div>
			</div>
			<div class="page activity" id="page-activity">
				<div class="activity-list-wrapper noselect">
					<div class="headers-wrapper" data-list="activity">
						<span class="header date" data-item="date">Date</span>
						<span class="header symbol" data-item="coin">Coin</span>
						<span class="header amount" data-item="amount">Amount</span>
						<span class="header type" data-item="type">Type</span>
						<span class="header notes" data-item="notes">Notes</span>
					</div>
					<div class="activity-list loading" id="activity-list">
						<div class="event-wrapper loading">
							<span>Loading...</span>
						</div>
					</div>
				</div>
				<div class="activity-card-wrapper noselect">
					<div class="activity-add-card" id="activity-add-card">
						<span class="title">Record Event</span>
						<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z"/></svg>
					</div>
				</div>
				<div class="activity-search-wrapper">
					<input type="text" id="activity-search-input" placeholder="Query...">
					<button id="activity-search-button">Search</button>
				</div>
			</div>
			<div class="page settings" id="page-settings">
				<div class="section">
					<div class="top noselect">
						<span class="title">Theme</span>
					</div>
					<div class="bottom">
						<div class="toggle-wrapper active" id="theme-toggle">
							<div class="toggle">
								<svg class="sun" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1472 896q0-117-45.5-223.5t-123-184-184-123-223.5-45.5-223.5 45.5-184 123-123 184-45.5 223.5 45.5 223.5 123 184 184 123 223.5 45.5 223.5-45.5 184-123 123-184 45.5-223.5zm276 277q-4 15-20 20l-292 96v306q0 16-13 26-15 10-29 4l-292-94-180 248q-10 13-26 13t-26-13l-180-248-292 94q-14 6-29-4-13-10-13-26v-306l-292-96q-16-5-20-20-5-17 4-29l180-248-180-248q-9-13-4-29 4-15 20-20l292-96v-306q0-16 13-26 15-10 29-4l292 94 180-248q9-12 26-12t26 12l180 248 292-94q14-6 29 4 13 10 13 26v306l292 96q16 5 20 20 5 16-4 29l-180 248 180 248q9 12 4 29z"/></svg>
								<svg class="moon" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1390 1303q-54 9-110 9-182 0-337-90t-245-245-90-337q0-192 104-357-201 60-328.5 229t-127.5 384q0 130 51 248.5t136.5 204 204 136.5 248.5 51q144 0 273.5-61.5t220.5-171.5zm203-85q-94 203-283.5 324.5t-413.5 121.5q-156 0-298-61t-245-164-164-245-61-298q0-153 57.5-292.5t156-241.5 235.5-164.5 290-68.5q44-2 61 39 18 41-15 72-86 78-131.5 181.5t-45.5 218.5q0 148 73 273t198 198 273 73q118 0 228-51 41-18 72 13 14 14 17.5 34t-4.5 38z"/></svg>
							</div>
						</div>
						<textarea id="theme-css-input" placeholder="Custom CSS..." spellcheck="false">--shadow-dark:0 6px 10px rgba(40,40,40,0.25);
							--shadow-darker:0 6px 10px rgba(40,40,40,0.4);
							--shadow-smooth:0 1px 1px rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.05), 0 4px 4px rgba(0,0,0,0.06), 0 8px 8px rgba(0,0,0,0.1);
							--shadow-accent:0 0 12px rgba(0,150,255,0.9);
	
							--main-first:rgb(255,255,255);
							--main-second:rgb(245,245,245);
							--main-third:rgb(235,235,235);
							--main-third-transparent:rgba(235,235,235,0.9);
							--main-fourth:rgb(225,225,225);
							--main-fifth:rgb(215,215,215);
							--main-contrast:rgb(50,50,50);
							--main-contrast-light:rgb(100,100,100);
							--main-contrast-lightest:rgb(150,150,150);
	
							--accent-first:rgb(93,79,156);
							--accent-second:rgb(80,125,182);
							--accent-third:rgb(69,168,199);
							--accent-fourth:rgb(61,212,219);
							--accent-fifth:rgb(199,121,208);
	
							--accent-gradient:linear-gradient(15deg, var(--accent-first) 25%, var(--accent-second) 50%, var(--accent-third) 75%, var(--accent-fourth) 100%);
							--colorful-gradient:linear-gradient(300deg, #8a2387, #e94057, #f27121);
							--orange-gradient:linear-gradient(150deg, rgb(245,175,25) 30%, rgb(241,39,17) 100%);
							--green-gradient:linear-gradient(20deg, #67b26f, #4ca2cd);
							--calm-gradient:linear-gradient(20deg, #5f2c82, #49a09d);
							--blue-gradient:linear-gradient(to right, #4facfe 0%, #00bdc7 100%);
							--purple-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);
							--greener-gradient:linear-gradient(to right, #11998e, #38ef7d);
							--cosmic-gradient:linear-gradient(330deg, #ff00cc, #333399);
							--playful-gradient:linear-gradient(340deg, #fc00ff, #27bcbe);
							--atlas-gradient:linear-gradient(300deg, #feac5e, #c779d0, #4bc0c8);
	
							--accent-contrast:rgb(255,255,255);
	
							--border-radius:10px;
							
							--font-family:"Helvetica Neue", "Lucida Grande", "Arial", "Verdana", "Tahoma", sans-serif;</textarea>
						<div class="button-wrapper">
							<button class="submit" id="theme-css-confirm">Apply CSS</button>
							<button class="submit" id="theme-css-reset">Remove Custom CSS</button>
						</div>
					</div>
				</div>
				<div class="section noapi-hidden">
					<div class="top noselect">
						<span class="title">Account</span>
					</div>
					<div class="bottom">
						<input type="password" placeholder="Current Password..." id="input-current-password">
						<input type="password" placeholder="New Password..." id="input-new-password">
						<input type="password" placeholder="Repeat New Password..." id="input-repeat-password">
						<button class="submit" id="change-password-button">Change Password</button>
						<button class="submit hidden" id="manage-accounts-button">Manage Accounts</button>
						<button class="submit" id="logout-button">Logout</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Import ETH Tokens</span>
					</div>
					<div class="description noselect">
						<span>Using Ethplorer, the current balance of the tokens in your ETH wallet can be imported into Cryptofolio. Your Ethereum token holdings would either get added to your current holdings, or would replace them depending on which option you choose. Tokens that aren't listed on CoinGecko would not get added.</span>
					</div>
					<div class="bottom">
						<input type="text" placeholder="ETH Address..." id="input-eth-address">
						<div class="settings-choices-wrapper" data-key="importTokens">
							<button class="choice" data-value="add">Add</button>
							<button class="choice" data-value="replace">Replace</button>
						</div>
						<button class="submit" id="import-tokens-button">Import</button>
					</div>
				</div>
				<div class="section hidden noapi-visible">
					<div class="top noselect">
						<span class="title">No-API Account</span>
					</div>
					<div class="bottom">
						<button class="submit" id="noapi-clear-button">Clear Data</button>
						<button class="submit" id="noapi-logout-button">Logout</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Coin Icon Backdrop</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="coinBackdrop">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="enabled">Enabled</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Highlight Price Change</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="highlightPriceChange">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="row">Row</button>
						<button class="choice" data-value="text">Text</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Dashboard Watchlist</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="dashboardWatchlist">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="enabled">Enabled</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Sort Order Notification</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="sortOrderNotification">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="enabled">Enabled</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Additional Dashboard Columns</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="additionalDashboardColumns">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="enabled">Enabled</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Fiat Currency</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="currency">
						<button class="choice" data-value="usd">USD</button>
						<button class="choice" data-value="gbp">GBP</button>
						<button class="choice" data-value="eur">EUR</button>
						<button class="choice" data-value="chf">CHF</button>
						<button class="choice" data-value="aud">AUD</button>
						<button class="choice" data-value="jpy">JPY</button>
						<button class="choice" data-value="cad">CAD</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Transactions Affect Holdings</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="transactionsAffectHoldings">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="mixed">Mixed</button>
						<button class="choice" data-value="override">Override</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Show Transactions On Charts</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="showTransactionsOnCharts">
						<button class="choice" data-value="disabled">Disabled</button>
						<button class="choice" data-value="enabled">Enabled</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Default Page</span>
					</div>
					<div class="bottom settings-choices-wrapper" data-key="defaultPage">
						<button class="choice" data-value="dashboard">Dashboard</button>
						<button class="choice" data-value="market">Market</button>
						<button class="choice" data-value="holdings">Holdings</button>
						<button class="choice" data-value="activity">Activity</button>
						<button class="choice" data-value="settings">Settings</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Holdings</span>
					</div>
					<div class="bottom">
						<button class="submit inline" id="import-holdings-button">Import Holdings</button>
						<button class="submit inline" id="export-holdings-button">Export Holdings</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Activity</span>
					</div>
					<div class="bottom">
						<button class="submit inline" id="import-activity-button">Import Activity</button>
						<button class="submit inline" id="export-activity-button">Export Activity</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Historical Data</span>
					</div>
					<div class="bottom">
						<button class="submit inline" id="delete-cache-button">Delete Cache</button>
					</div>
				</div>
				<div class="section noapi-hidden">
					<div class="top noselect">
						<span class="title">Mobile App QR Login</span>
					</div>
					<div class="bottom">
						<button class="submit inline" id="show-qr-code-button">Show QR Code</button>
					</div>
				</div>
				<div class="section">
					<div class="top noselect">
						<span class="title">Donate</span>
					</div>
					<div class="description noselect">
						<span>If you'd like to donate, then please feel free to do so, it'd be much appreciated. However, I don't want you to feel obliged to do so, and there are no perks for it. If you decide to donate, please contact me afterwards so I can actually thank you, and I'd love to hear about any ideas you may have for Cryptofolio. If they're within the scope of the project, I'll probably implement them.</span>
					</div>
					<div class="bottom">
						<button class="submit inline donation-button" data-symbol="ADA">ADA</button>
						<button class="submit inline donation-button" data-symbol="XMR">XMR</button>
						<button class="submit inline donation-button" data-symbol="ETH">ETH</button>
						<button class="submit inline donation-button" data-symbol="BCH">BCH</button>
						<button class="submit inline donation-button" data-symbol="BTC">BTC</button>
						<button class="submit inline donation-button" data-symbol="LTC">LTC</button>
						<button class="submit inline donation-button" data-symbol="NANO">NANO</button>
						<button class="submit inline donation-button" data-symbol="DOT">DOT</button>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>