fluxer/fluxer_app/src/features/ui/toast/Toast.module.css

/* SPDX-License-Identifier: AGPL-3.0-or-later */

.toast {
	display: inline-flex;
	max-width: 90svw;
	cursor: pointer;
	align-items: center;
	border-radius: 624.9375rem;
	border: 0.0625rem solid var(--background-modifier-accent);
	background-color: var(--background-primary);
	box-shadow:
		0 0.625rem 0.9375rem -0.1875rem rgb(0 0 0 / 0.1),
		0 0.25rem 0.375rem -0.25rem rgb(0 0 0 / 0.1);
}

.toastMobile {
	gap: 0.5rem;
	padding: 0.625rem 1rem;
}

.toastDesktop {
	gap: 0.75rem;
	padding: 0.75rem 1.25rem;
}

.icon {
	flex-shrink: 0;
}

.iconSuccess {
	color: var(--status-online);
}

.iconError {
	color: var(--status-danger);
}

.iconMobile {
	height: 1rem;
	width: 1rem;
}

.iconDesktop {
	height: 1.25rem;
	width: 1.25rem;
}

.text {
	font-weight: 600;
	color: var(--text-primary);
	line-height: 1.375;
}

.textMobile {
	font-size: 0.875rem;
}

.textDesktop {
	font-size: 1rem;
}