/* ----------------------------------------------------------------------------------------------------------------- */
/* ----------------------------- Developed by 'Katsos Studio' do not modify this file. ----------------------------- */
/* ----------------------------------------------- tost_message.css ------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------- TOAST MESSAGE ------------------------------------------------- */
.toast__message {

	left : 50% ;
    width : 256px ;
    text-align: center;
	opacity : 0 ;
	bottom : 28px ;
	z-index : 9999 ;
	position : fixed ;
	font-size : var(--font_size-15) ;
	padding : 10px 20px ;
	border-radius : 6px ;
	pointer-events : none ;
	letter-spacing : 0.5px ;
	backdrop-filter : blur(4px) ;
	font-family : var(--font-accent) ;
	background : var(--color-black-70) ;
	color : var(--color-accent-100) ;
	box-shadow : var(--box_shadow-medium) ;
	transform : translateX(-50%) translateY(20px) ;
	transition : var(--transition-opacity), var(--transition-transform) ;

}

.toast__message.is_visible { opacity : 1 ; transform : translateX(-50%) translateY(0) ; }
/* ----------------------------------------------------------------------------------------------------------------- */