.my-toast-container{display:flex;flex-direction:column;position:fixed;z-index:20;}.position-topleft,.position-topright,.position-topcenter{top:0;}.position-bottomleft,.position-bottomright,.position-bottomcenter{bottom:0;}.my-toast{position:relative;animation:fadein 1.5s;opacity:1;margin-bottom:1rem;width:100vw;box-shadow:0 .25rem .75rem rgba(0,0,0,.1);border:1px solid #000;}.my-toast-info{background-color:#34a9ad;}.my-toast-success{background-color:#5fba7d;}.my-toast-warning{background-color:#f8bc47;}.my-toast-error{background-color:#d32424;}.my-toast-icon{width:20px;height:20px;border-radius:5px;border:0;margin-right:.5rem;}.my-toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#22262a;background-color:#f7f7f7;background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);}.my-toast-close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;border:0;background-color:#fff;}.my-toast-body{padding:.75rem;background-color:rgba(255,255,255,.85);}.my-toast-body-clicable:hover{text-decoration:underline;color:#00f;cursor:pointer;}.my-toast-close:hover{opacity:1;}@keyframes fadein{from{opacity:0;}to{opacity:1;}}@media(min-width:576px){.position-topleft{top:2rem;left:2rem;}.position-topright{top:2rem;right:2rem;}.position-topcenter{top:2rem;left:50%;margin-left:-15rem;}.position-bottomleft{bottom:2rem;left:2rem;}.position-bottomright{bottom:0;right:1rem;}.position-bottomcenter{bottom:2rem;left:50%;margin-left:-15rem;}.my-toast{width:30rem;border-radius:.25rem;}}