@import '../../navigation/stylesheets/variables.scss';

.woocommerce-transient-notices {
	position: absolute;
	left: $gap;
	bottom: 100%;
	margin-bottom: $gap-small;
	z-index: calc(z-index('.components-snackbar-list') + 1);
	width: auto;

	.woocommerce-profile-wizard__body & {
		left: unset;
		width: 100%;

		.components-snackbar {
			margin-left: auto;
			margin-right: auto;
		}
	}
}

.components-snackbar {
	&.components-snackbar-explicit-dismiss {
		cursor: default;
	}

	.components-snackbar__content-with-icon {
		margin-left: 32px;
	}

	.components-snackbar__icon {
		position: absolute;
		top: 24px;
		left: 26px;
	}

	.components-snackbar__dismiss-button {
		margin-left: 32px;
		cursor: pointer;
	}
}