@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/MerchantCard.razor.rz.scp.css */
.merchant-card__conversation[b-jmnizodaxe] {
    gap: 0.6rem;
    margin-top: 0.75rem;
}

.merchant-card__header[b-jmnizodaxe] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.merchant-card__turn-row[b-jmnizodaxe] {
    width: 100%;
}

.merchant-card__turn[b-jmnizodaxe] {
    display: inline-block;
    max-width: min(75%, 34rem);
    padding: 0.75rem 0.9rem;
    border-radius: 0.9rem;
    line-height: 1.4;
    white-space: normal;
    transition: opacity 160ms ease, transform 160ms ease;
}

.merchant-card__turn--merchant[b-jmnizodaxe] {
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-rest);
    border-top-left-radius: 0.25rem;
    box-shadow: 0 0.3rem 0.8rem rgb(0 0 0 / 18%);
}

.merchant-card__turn--player[b-jmnizodaxe] {
    background: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-rest);
    border-top-right-radius: 0.25rem;
}

.merchant-offer[b-jmnizodaxe] {
    opacity: 0;
    transform: translateY(0.75rem);
    animation: merchant-offer-fade-in-b-jmnizodaxe 280ms ease-out forwards;
}

@keyframes merchant-offer-fade-in-b-jmnizodaxe {
    from {
        opacity: 0;
        transform: translateY(0.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}