/*
<button id="transfer-tracker-btn">Transfer trackers</button>
<dialog id="tracker-transfer-modal" class="dialog">
  <div class="dialog-content">
    <input type="text">
    <button id="inport-trackers">Import</button>
    <button id="export-trackers">Export</button>
</dialog>
*/

#tracker-transfer-modal {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	margin: auto;
	border: none;
}

#tracker-transfer-modal-content {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	padding-top: 50px;
	border-radius: 10px;
	border: none;
}

#user-id {
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 10px;
	color: var(--secondary-color);
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 4px;
}

#close-tracker-transfer-modal {
	position: absolute;
	top: 10px;
	right: 20px;
	background-color: transparent;
	color: #fff;
	font-size: 20px;
	border: none;
	cursor: pointer;
}