.gs-snackbar-list {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000000;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	gap: 10px;
	pointer-events: none;

	.components-snackbar {
		pointer-events: auto;
		margin: 0;
		padding: 18px 22px 18px 17px;
		background: #ffffff;
		border-left: 5px solid #2271b1;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		border-radius: 4px;

		// Success notices - green left border
		&.gs-snackbar-success {
			border-left-color: var( --gs-snackbar-color-success );
		}

		// Error notices - red left border
		&.gs-snackbar-error {
			border-left-color: var( --gs-snackbar-color-error );
		}

		// Warning notices - orange/yellow left border
		&.gs-snackbar-warning {
			border-left-color: #f0b849;
		}

		.components-snackbar__content {
			color: var( --growthstack-color-text );
			font-size: 14px;
			font-weight: 600;
			line-height: 1.4;
		}

		.components-snackbar__dismiss-button {
			color: #757575;

			&:hover {
				color: var( --growthstack-color-text );
			}
		}
	}

	.components-snackbar-list__notice-container {
		padding: 0;
		pointer-events: auto;
	}
}