.dash-logo-row.svelte-1x05zx6 {
		background: none;
		border: none;
		padding: 0;
		cursor: pointer;
		font-family: var(--font);
	}

	.center.svelte-1x05zx6 {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.card.svelte-1x05zx6 {
		width: 100%;
		max-width: 380px;
		background: var(--ink-1);
		border: 1px solid var(--ink-3);
		border-radius: var(--hub-radius);
		padding: var(--s-7);
		display: flex;
		flex-direction: column;
		gap: var(--s-3);
	}

	.heading.svelte-1x05zx6 {
		margin: 0;
		font-size: 28px;
		font-weight: 700;
		letter-spacing: -0.02em;
	}

	.sub.svelte-1x05zx6 {
		color: var(--paper-1);
		margin: 0 0 var(--s-4) 0;
		font-size: 15px;
		line-height: 1.5;
	}

	.buttons.svelte-1x05zx6 {
		display: flex;
		flex-direction: column;
		gap: var(--s-2);
	}

	.btn-provider.svelte-1x05zx6 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--s-2);
		width: 100%;
		padding: var(--s-3) var(--s-5);
		min-height: var(--hub-min-control-height);
		background: var(--paper-0);
		color: var(--ink-0);
		border: 1px solid var(--paper-0);
		border-radius: var(--hub-radius-md);
		font-family: var(--font);
		font-size: 15px;
		font-weight: 600;
		letter-spacing: -0.015em;
		text-decoration: none;
		transition: background var(--dur-base) var(--ease);
	}
	.btn-provider.svelte-1x05zx6:hover {
		background: color-mix(in srgb, var(--paper-0) 90%, var(--noise));
		border-color: color-mix(in srgb, var(--paper-0) 90%, var(--noise));
	}

	.cancel.svelte-1x05zx6 {
		margin-top: var(--s-3);
		background: none;
		border: 0;
		color: var(--paper-2);
		font-family: var(--font);
		font-size: 12px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		cursor: pointer;
		padding: var(--s-2);
		align-self: center;
		transition: color var(--dur-base) var(--ease);
	}
	.cancel.svelte-1x05zx6:hover {
		color: var(--paper-0);
	}