.popup-notif-common {
    min-width: 34.091rem;
    transition: 100ms;
    padding: 1.023rem;
}

.popup-notif {
    border-radius: 1.432rem;
    margin-bottom: 0.682rem;
}

.popup-notif-top {
    border-top-left-radius: 1.432rem;
    border-top-right-radius: 1.432rem;
}

.popup-notif-middle {
    // padding: 0rem 1.023rem 1.023rem 1.023rem;
}

.popup-notif-bottom {
    border-bottom-left-radius: 1.432rem;
    border-bottom-right-radius: 1.432rem;
    // padding: 0rem 1.023rem 1.023rem 1.023rem;
    margin-bottom: 0.682rem;
}

.popup-notif-urgent {
    background-color: $error;
    color: $onError;
}

.popup-notif-normal {
    background-color: $secondaryContainer;
    color: $onSecondaryContainer;
}

.popup-notif-normal > box > label {
    color: mix($onSecondaryContainer, $secondaryContainer, 80%);
}

.popup-notif-hint {
    padding: 0.341rem 0.682rem;
    border-radius: 1.023rem;
    background-color: $surfaceVariant;
    color: $onSurfaceVariant;
}