.history-changes{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.history-changes .history{position:relative;padding:.75rem;padding-left:5rem;display:flex;flex-direction:column;border-radius:var(--border-radius-m);border:1px solid var(--form-control-border-color)}.history-changes .history.after span:first-of-type,.history-changes .history.before span:first-of-type{color:#15141a;font-weight:700}.history-changes .history.after{background-color:#dafbe1;border-color:rgba(74,194,107,.4)}.history-changes .history.before{background-color:var(--alert-danger-background-color);border-color:var(--alert-danger-border-color)}.history-changes .history.after:before,.history-changes .history.before:before{position:absolute;content:"";left:0;top:0;bottom:0;width:4rem;border-radius:var(--border-radius-m) 0 0 var(--border-radius-m);font-weight:700}.history-changes .history.after:before{background-color:#aceebb}.history-changes .history.before:before{background-color:#ffcecb}.history-changes .history.after:after,.history-changes .history.before:after{position:absolute;left:0;top:50%;left:2rem;transform:translate(-50%,-50%)}.history-changes .history.before:after{content:"Before";color:var(--alert-danger-text-color)}.history-changes .history.after:after{content:"After";color:#1a7f37}