html {
	scroll-behavior: smooth;
	overscroll-behavior: none;
	background-color: white;
}

html,
body {
	margin: 0px !important;
	padding: 0px !important;
	font-family: "Google Sans", sans-serif !important;
	background-color: rgb(247, 247, 247);
}

.box {
	margin: 0px 16px;
	border-radius: 16px;
	background-color: white;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.box-header {
	padding: 16px 32px;
}

.box-page {
	padding: 40px 8px;
}

.phone {
	width: 280px;
}

.asset-black {
	display: block;
}

.asset-white {
	display: none;
}

@media only screen and (max-width: 640px) {
	.phone {
		width: 100%;
	}
}

@media (prefers-color-scheme: dark) {
	html {
		background-color: rgb(16, 16, 16);
	}
	body {
		background-color: rgb(16, 16, 16);
	}
	.box {
		background-color: black;
	}
	.asset-black {
		display: none;
	}
	.asset-white {
		display: block;
	}
}