$crc: '.h-notification-wrapper';

#{$crc}{
	position: fixed;

	&[data-placement*='top'] {
		top: $g-24;
	}
	&[data-placement*='right'] {
		right: $g-24;
	}
	&[data-placement*='bottom'] {
		bottom: $g-24;
	}
	&[data-placement*='left'] {
		left: $g-24;
	}
}

#{$crc}__transition-group {
    position: relative;
}

#{$crc}__notification{
	transition: all $t-medium-standard;
	display: block;
	margin-bottom: $g-16;
}

.notification-slide-down-enter-from,
.notification-slide-down-leave-to {
	opacity: 0;
	transform: translateY($g-16);
}
.notification-slide-up-enter-from,
.notification-slide-up-leave-to {
	opacity: 0;
	transform: translateY(-$g-16);
}
.notification-slide-down-leave-active, .notification-slide-up-leave-active {
	position: absolute;
}