.blazored-toast-container {
    display: flex;
    flex-direction: column;
}

.position-topleft {
    top: 2rem;
    left: 2rem;
}

.position-topright {
    top: 2rem;
    right: 2rem;
}

.position-topcenter {
    top: 2rem;
    left: 50%;
    transform: translate(-50%, 0%);
}

.position-bottomleft {
    bottom: 2rem;
    left: 2rem;
    position: fixed !important;
    z-index: 9999 !important;
}

.position-bottomright {
    bottom: 2rem;
    right: 2rem;
    position: fixed !important;
    z-index: 9999 !important;
}

.position-bottomcenter {
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0%);
}

.blazored-toast {
    width: 30rem;
    border-radius: .25rem;
}