.toolbuddy-toast {
    position: fixed;
    right: 18px;
    bottom: 20px;
    left: 18px;
    z-index: 2000;
    width: fit-content;
    max-width: min(440px, calc(100vw - 36px));
    margin: 0 auto;
    padding: 15px;
    border-radius: 20px;
    background: #ff3737;
    color: #fff;
    text-align: center;
    font: 400 14px/1.4 Arial, sans-serif;
    overflow-wrap: anywhere;
    user-select: none;
}

.toolbuddy-toast[hidden] {
    display: none !important;
}

.toolbuddy-toast.is-entering {
    animation: toolbuddy-toast-popup .5s forwards;
}

.toolbuddy-toast.is-leaving {
    animation: toolbuddy-toast-fade-out .5s forwards;
}

@keyframes toolbuddy-toast-popup {
    0% { transform: translateY(0); opacity: 0; }
    50% { transform: translateY(-15px); opacity: 1; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes toolbuddy-toast-fade-out {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0; }
}