@layer payload-default{:root{--diff-delete-pill-bg:var(--color-bg-danger-tertiary-hover);--diff-delete-pill-color:var(--color-text-danger);--diff-delete-pill-border:var(--color-border-danger);--diff-delete-parent-bg:var(--color-bg-danger-tertiary);--diff-delete-parent-color:var(--color-text-danger);--diff-delete-link-color:var(--color-text-danger);--diff-create-pill-bg:var(--color-bg-brand-tertiary-hover);--diff-create-pill-color:var(--color-text-brand);--diff-create-pill-border:var(--color-border-brand);--diff-create-parent-bg:var(--color-bg-brand-tertiary);--diff-create-parent-color:var(--color-text-brand);--diff-create-link-color:var(--color-text-brand)}.html-diff{display:flex;flex-direction:column;gap:var(--spacer-3);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.html-diff-no-value{color:var(--color-text-tertiary)}.html-diff p{margin:0;align-content:center}.html-diff pre{margin-top:0;margin-bottom:0}}@layer payload-default{.html-diff:has([data-match-type=create]){background-color:var(--diff-create-parent-bg);margin-block:calc(var(--spacer-2) * -1);padding-block:var(--spacer-2)}.html-diff:has([data-match-type=delete]){background-color:var(--diff-delete-parent-bg);margin-block:calc(var(--spacer-2) * -1);padding-block:var(--spacer-2)}.html-diff li::marker{color:var(--color-text)}.html-diff li:has(>[data-match-type=create])::marker{color:var(--diff-create-pill-color)}.html-diff li:has(>[data-match-type=delete])::marker{color:var(--diff-delete-pill-color)}.html-diff [data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-pill-color);text-decoration-color:var(--diff-delete-pill-color);text-decoration-line:line-through;background-color:var(--diff-delete-pill-bg);border-radius:var(--radius-medium);padding:calc(var(--stroke-width-small) * 1) calc(var(--stroke-width-small) * 2);text-decoration-thickness:var(--stroke-width-small);vertical-align:baseline}.html-diff a[data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-link-color)}.html-diff a[data-match-type=create]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-create-link-color)}.html-diff [data-match-type=create]:not(img):not([data-enable-match=false]):not(:is([data-enable-match=false] *)){background-color:var(--diff-create-pill-bg);color:var(--diff-create-pill-color);border-radius:var(--radius-medium);padding:calc(var(--stroke-width-small) * 1) calc(var(--stroke-width-small) * 2);vertical-align:baseline}.html-diff-create-inline-wrapper,.html-diff-delete-inline-wrapper{display:inline-flex}.html-diff-create-block-wrapper,.html-diff-delete-block-wrapper{display:flex}.html-diff-create-block-wrapper,.html-diff-create-inline-wrapper,.html-diff-delete-block-wrapper,.html-diff-delete-inline-wrapper{position:relative;align-items:center;flex-direction:row;&:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:""}}@media (max-width:768px){.html-diff:has([data-match-type=create]),.html-diff:has([data-match-type=delete]){margin-block:0;padding-block:0;background-color:transparent}.html-diff{justify-content:center}.html-diff p{align-content:center}.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=create]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff p:not([data-enable-match=false]):has([data-match-type=create]),.html-diff p:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=create]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=delete]){&:before{top:calc(var(--spacer-1) * -1);bottom:calc(var(--spacer-1) * -1);left:calc(var(--spacer-2) * -1);right:calc(var(--spacer-2) * -1)}}.html-diff li:not([data-enable-match=false]):has([data-match-type=create]),.html-diff li:not([data-enable-match=false]):has([data-match-type=delete]){&:before{left:calc(var(--spacer-2) * -1);right:calc(var(--spacer-2) * -1)}}}}