* {
    margin : 0;
    padding : 0;
    box-sizing: border-box;
}

.inckoralert-wrapper{
    position : fixed;
    top : 10px;
    right : 10px;
    width : 300px;
}

.inckoralert-alert {
    background-color : whitesmoke;
    box-shadow : 0 0 10px rgba(0,0,0,0.3);
    border-radius : 10px;
    overflow : hidden;
    margin-bottom : 20px;
    animation : SlideLeft .4s;
    animation-fill-mode : forwards;
    width : 300px;

}

@keyframes SlideLeft {
    0% {
        margin-left : 120%;
    }

    100% {
        margin-left : 0;
    }
}

.inckoralert-alert.exit {
    animation : SlideRight .4s;
    animation-fill-mode : forwards;
}

@keyframes SlideRight {
    0% {
        margin-left : 0;
    }

    100% {
        margin-left : 120%;
    }
}

.inckoralert-alert p {
    margin : 0;
    padding : 10px;
}

.inckoralert-alert .bar {
    height : 10px;
}

.inckoralert-alert.success .bar {
    background-color: #65d266;
}

.inckoralert-alert.error .bar {
    background-color: red;
}