.mailbox-panel-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--c--globals--spacings--sm);
    gap: var(--c--globals--spacings--4xs);

    &__refresh-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        @keyframes refreshIconSpin {
            0% { transform: rotate(0deg); filter: blur(0px); }
            33% { filter: blur(1px); }
            50% { filter: blur(2px); }
            66% { filter: blur(1px); }
            100% { transform: rotate(360deg); filter: blur(0px); }
        }

        &--spinning {
            animation: refreshIconSpin 700ms var(--c--globals--transitions--ease-in-out) infinite;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        &__refresh-icon--spinning {
            animation: none;
        }
    }
}
