.mn-snack-container {
    position: absolute;
    background: transparent;
    border: none;
    display: flex;
    z-index: 2147483647;
    overflow: hidden;
}

.mn-snack-container.down {
    flex-direction: column-reverse;
    padding-top: 50px;
}

.mn-snack-container.up {
    flex-direction: column;
    padding-bottom: 50px;
}

.mn-snack-container.mn-snack-tr {
    top: 0;
    right: 0;
    align-items: flex-end;
}

.mn-snack-container.mn-snack-tl {
    top: 0;
    left: 0;
    align-items: flex-start;
}

.mn-snack-container.mn-snack-tc {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    align-items: flex-center;
}

.mn-snack-container.mn-snack-br {
    bottom: 0;
    right: 0;
    align-items: flex-end;
}

.mn-snack-container.mn-snack-bl {
    bottom: 0;
    left: 0;
    align-items: flex-start;
}

.mn-snack-container.mn-snack-bc {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    align-items: flex-center;
}