@import "/ui/styles/_theme.scss";

.empty {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	padding: 48px 24px;

	.empty-icon {
		font-family: $font-mono;
		font-size: $fs-5;
		font-weight: 800;
		color: $text-mute;
		margin-bottom: 18px;
		letter-spacing: 4px;
		padding: 10px 18px;
		border: 1px solid $line-strong;
	}

	.empty-title {
		font-family: $font-secondary;
		font-size: $fs-4;
		font-weight: 700;
		color: $text;
		letter-spacing: $ls-xwide;
		text-transform: uppercase;
		text-align: center;
	}

	.empty-sub {
		font-family: $font-secondary;
		font-size: $fs-3;
		font-weight: 400;
		color: $text-faint;
		margin-top: 10px;
		max-width: 320px;
		text-align: center;
		letter-spacing: $ls-tight;
	}
}