@import "~@wordpress/base-styles/variables";
@import "~@wordpress/base-styles/mixins";
@import "~@wordpress/base-styles/breakpoints";

.woocommerce-transient-notices {
	position: fixed;
	bottom: 12px;
	left: 176px;
	z-index: 99999;

	@media ( max-width: #{ ($break-large - 1) } ) {
		left: 50px;
	}

	@media ( max-width: #{ ($break-medium - 1) } ) {
		left: 16px;
	}

	.woocommerce-profile-wizard__body & {
		left: unset;

		.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;
	}

	.components-snackbar__action {
		margin-left: 0.2rem;
	}
}
