.rcl_toast_container {
position: fixed;
z-index: 9999;
display: flex;
flex-wrap: wrap;
width: 276px;
}
@media screen and (max-width: 768px) {
.rcl_toast_container {
left: 50%!important;
transform: translateX(-50%)!important;
width: 100%!important;
max-width: 80%!important;
min-width: 276px!important;
}
}
.rcl_toast {
position: relative;
display: flex;
flex: 1 1 100%;
align-items: baseline;
background: #2d2d2d;
color: #fff;
padding: 12px;
margin: 0 0 12px;
box-shadow: 0 0 4px #6a6a6a;
opacity: 0;
text-shadow: 0 0 2px #3c3c3c;
}
.rcl_toast__icon {
align-self: center;
margin-right: 12px;
}
.rcl_toast__text {
flex: 1 1 100%;
margin-right: 12px;
}
.rcl_toast__close {
cursor: pointer;
}
.rcl_toast__timeline {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 2px;
background: white;
visibility: hidden;
} .rcl_toast.rcl_toast__template_standart .rcl_toast__icon {
font-size: 20px;
} .rcl_toast.rcl_toast__template_bootstrap {
flex-wrap: wrap;
}
.rcl_toast.rcl_toast__template_bootstrap .rcl_toast__text {
margin-right: 0;
}
.rcl_toast.rcl_toast__template_bootstrap .rcl_toast__header {
flex: 1 1 100%;
display: flex;
align-items: center;
margin: -12px -12px 6px -12px;
padding: 6px 12px;
background: rgb(0 0 0 / 0.10);
}
.rcl_toast.rcl_toast__template_bootstrap .rcl_toast__title {
flex: 1 1 100%;
}