@layer external, theme, normalize, base, native_popovers, common_components, components, utilities, top_layer;
@layer common_components {
	.Logo {
		display: flex;
		align-items: center;
		justify-content: start;
		gap: 8px;

		height: 23px;
		min-width: 73px;

		font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
		font-size: 1.125rem;
		font-weight: 700;
		letter-spacing: 0.05em;

		color: var(--color-accent-06);

		transition: color 0.15s ease;
	}

	.Logo:hover {
		color: var(--color-accent-07);
	}

	.Logo-mark {
		width: 24px;
		height: 24px;
	}

	.Logo-text {
		font: inherit;
		color: inherit;
	}
}