@layer components {
    .recalculation-message {
            text-align: center;
        }

    .recalculation-message__spinner {
            margin: 0 auto 1.25rem;
        }

    .recalculation-message__content {
            display: grid;
            gap: 1.25rem;
            justify-items: center;
        }

    .recalculation-message__copy {
            color: var(--dashboard-color-text-muted);
            font-size: 0.875rem;
            line-height: 1.5;
            max-width: 36rem;
        }

    .recalculation-message__actions {
            margin-top: 0.25rem;
            width: min(100%, 20rem);
        }
}