@media (max-width: 576px) {
    .snackbar-stack-bottom-end .snackbar,
    .snackbar-stack-bottom-start .snackbar,
    .snackbar-stack-bottom .snackbar {
        margin-bottom: 1.5rem !important;
    }
}

@media (max-width: 768px) {
    .snackbar-stack-bottom {
        left: 50%;
        transform: translate(-50%, 0%);
        bottom: 1.5rem;
    }

    .snackbar-stack-bottom-start {
        left: 10rem !important;
        bottom: 1.5rem;
    }

    .snackbar-stack-bottom-end {
        right: 1.5rem;
        bottom: 1.5rem;
    }

    .snackbar-stack-top-start {
        left: 1.5rem;
        top: 1.5rem;
    }

    .snackbar-stack-top-end {
        right: 1.5rem;
        top: 1.5rem;
    }

    .snackbar-stack-top {
        left: 50%;
        transform: translate(-50%, 0%);
        top: 1.5rem;
    }
}

@media (min-width: 768px) {
    .snackbar-stack-bottom {
        left: 50%;
        transform: translate(-50%, 0%);
        bottom: 1.5rem;
    }

    .snackbar-stack-bottom-start {
        left: 1.5rem !important;
        bottom: 1.5rem;
    }

    .snackbar-stack-bottom-end {
        right: 1.5rem;
        bottom: 1.5rem;
    }

    .snackbar-stack-top-start {
        left: 1.5rem;
        top: 1.5rem;
    }

    .snackbar-stack-top-end {
        right: 1.5rem;
        top: 1.5rem;
    }

    .snackbar-stack-top {
        left: 50%;
        transform: translate(-50%, 0%);
        top: 1.5rem;
    }
}