.saas-rule-chain{align-items:stretch;gap:var(--saas-space-xs);margin:0;padding:0;list-style:none;display:flex}.saas-rule-chain__step{gap:var(--saas-space-2xs);min-inline-size:0;padding:var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);color:var(--saas-text-primary);font-size:var(--saas-font-body);flex-direction:column;flex:1;display:flex}.saas-rule-chain__step strong{font-size:var(--saas-font-heading)}.saas-rule-chain__icon{block-size:28px;inline-size:28px;border-radius:var(--saas-radius-sm);background:var(--saas-status-info-subtle);color:var(--saas-status-info);place-items:center;margin-block-end:var(--saas-space-xs);display:grid}.saas-rule-chain__icon[data-tone=warning]{background:var(--saas-status-warning-subtle);color:var(--saas-status-warning)}.saas-rule-chain__icon[data-tone=danger]{background:var(--saas-status-danger-subtle);color:var(--saas-status-danger)}.saas-rule-chain__icon[data-tone=success]{background:var(--saas-status-success-subtle);color:var(--saas-status-success)}.saas-rule-chain__arrow{color:var(--saas-text-secondary);place-items:center;display:grid}[dir=rtl] .saas-rule-chain__arrow svg{transform:scaleX(-1)}@media (width<=767px){.saas-rule-chain{flex-direction:column}.saas-rule-chain__arrow svg{transform:rotate(90deg)}}