.reset-message {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
}

.muted {
    opacity: 0.5;
}

.text-small {
    font-size: 75%;
}

.store-result {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 60px; /* Prevents height shift */
    width: 200px; /* Keep a fixed width */
}

.store-result .icon {
    position: relative;
    display: inline-block;
    min-width: 50px; /* Ensures the icon is wide enough */
    font-size: 2em;
    transition: all 0.3s ease-in-out;
    flex-grow: 0; /* Prevents stretching */
}

.smoke {
    position: absolute;
    font-size: 0.8em;
    opacity: 1;
    bottom: 0;
    transition: opacity 1s ease-out;
}

.smoke-right {
    left: 55px;
}

.smoke-left {
    right: -20px;
}

.flip-icon {
    transform: scaleX(-1);
}

.spin-icon {
    animation: spin 1.2s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes grow-shrink {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    30% {
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

.shrink-icon {
    animation: grow-shrink 1.3s ease-in-out forwards;
}

.icon .scooter {
    width: 20px;
}