@layer payload-default{.field-diff__locale-label{background:var(--theme-elevation-100);border-radius:var(--style-radius-s);padding:calc(var(--base)*.2)}[dir=ltr] .field-diff__locale-label{margin-right:calc(var(--base)*.25)}[dir=rtl] .field-diff__locale-label{margin-left:calc(var(--base)*.25)}.field-diff-container{position:relative}.field-diff-content{background:var(--theme-elevation-50);grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px;padding:10px;display:grid}}
@layer payload-default{.field-diff-label{margin-bottom:calc(var(--base)*.35);flex-direction:row;align-items:center;height:100%;font-weight:600;line-height:normal;display:flex}}
@layer payload-default{:root{--diff-delete-pill-bg:var(--theme-error-200);--diff-delete-pill-color:var(--theme-error-600);--diff-delete-pill-border:var(--theme-error-400);--diff-delete-parent-bg:var(--theme-error-100);--diff-delete-parent-color:var(--theme-error-800);--diff-delete-link-color:var(--theme-error-600);--diff-create-pill-bg:var(--theme-success-200);--diff-create-pill-color:var(--theme-success-600);--diff-create-pill-border:var(--theme-success-400);--diff-create-parent-bg:var(--theme-success-100);--diff-create-parent-color:var(--theme-success-800);--diff-create-link-color:var(--theme-success-600)}html[data-theme=dark]{--diff-delete-pill-bg:var(--theme-error-200);--diff-delete-pill-color:var(--theme-error-650);--diff-delete-pill-border:var(--theme-error-400);--diff-delete-parent-bg:var(--theme-error-100);--diff-delete-parent-color:var(--theme-error-900);--diff-delete-link-color:var(--theme-error-750);--diff-create-pill-bg:var(--theme-success-200);--diff-create-pill-color:var(--theme-success-650);--diff-create-pill-border:var(--theme-success-400);--diff-create-parent-bg:var(--theme-success-100);--diff-create-parent-color:var(--theme-success-900);--diff-create-link-color:var(--theme-success-750)}.html-diff{letter-spacing:.02em;font-size:14px}.html-diff-no-value{color:var(--theme-elevation-400)}.html-diff pre{margin-top:0;margin-bottom:0}:is(.html-diff p:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=create]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=create]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=create])){z-index:1;position:relative}.html-diff p:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h1:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h2:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h3:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h4:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h5:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff pre:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h6:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}:is(.html-diff p:not([data-enable-match=false]):has([data-match-type=delete]),.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=delete]),.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=delete]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=delete])){z-index:1;position:relative}.html-diff p:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h1:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h2:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h3:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h4:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h5:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff pre:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff h6:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:-10px}.html-diff li:not([data-enable-match=false]):has([data-match-type=create]){z-index:1;position:relative}.html-diff li:not([data-enable-match=false]):has([data-match-type=create]):before{content:"";background-color:var(--diff-create-parent-bg);color:var(--diff-create-parent-color);z-index:-1;display:block;position:absolute;inset:0 -10px}.html-diff li:not([data-enable-match=false]):has([data-match-type=delete]){z-index:1;position:relative}.html-diff li:not([data-enable-match=false]):has([data-match-type=delete]):before{content:"";background-color:var(--diff-delete-parent-bg);color:var(--diff-delete-parent-color);z-index:-1;display:block;position:absolute;inset:0 -10px}.html-diff li::marker{color:var(--theme-text)}.html-diff [data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-pill-color);-webkit-text-decoration-color:var(--diff-delete-pill-color);text-decoration-color:var(--diff-delete-pill-color);background-color:var(--diff-delete-pill-bg);border-radius:4px;text-decoration-line:line-through;text-decoration-thickness:1px}.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(img) :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:4px}.html-diff .html-diff-create-inline-wrapper,.html-diff .html-diff-delete-inline-wrapper{display:inline-flex}.html-diff .html-diff-create-block-wrapper,.html-diff .html-diff-delete-block-wrapper{display:flex}.html-diff .html-diff-create-inline-wrapper,.html-diff .html-diff-delete-inline-wrapper,.html-diff .html-diff-create-block-wrapper,.html-diff .html-diff-delete-block-wrapper{flex-direction:row;align-items:center;position:relative}.html-diff .html-diff-create-inline-wrapper:after,.html-diff .html-diff-delete-inline-wrapper:after,.html-diff .html-diff-create-block-wrapper:after,.html-diff .html-diff-delete-block-wrapper:after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0}}
.color-select-wrapper{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.color-select-wrapper .btn{margin:0}.color-select-wrapper .btn--selected{--color:var(--theme-elevation-0);--bg-color:var(--theme-elevation-800);--btn-border:1px solid var(--theme-elevation-800);--hover-bg:var(--theme-elevation-800);--hover-color:var(--color)}.color-select-wrapper .btn--not-selected{--color:var(--theme-text);--bg-color:transparent;--btn-border:1px solid var(--theme-elevation-800);--hover-color:var(--theme-text);--hover-bg:var(--theme-elevation-100);--hover-btn-border:1px solid var(--theme-elevation-800)}.color-select-option{cursor:pointer;justify-content:center;align-items:center;gap:6px;transition-property:border,color,box-shadow,background-color,opacity;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);display:inline-flex}.color-select-option:not(.btn){appearance:none;background:unset;border:unset;box-shadow:unset;color:unset;font-size:unset;font-weight:unset;line-height:unset;margin:0;padding:0;display:inline-block}.color-select-option:hover:not(:disabled){border-color:var(--theme-elevation-200)}.color-select-option:hover:not(:disabled):not(:is(.btn,.checked)){opacity:.8}.color-select-option:disabled{cursor:not-allowed;opacity:.5}.color-select-option-color{border:1px solid var(--theme-elevation-800);border-radius:3px;width:36px;height:36px;display:inline-block;position:relative}.color-select-option-color:after{content:"";filter:invert()grayscale()contrast(100);opacity:0;background-color:currentColor;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:12px;mask-size:12px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.color-select-option-color:not(.btn) .color-select-option-color{border:1px solid var(--theme-elevation-600)}.color-select-option-color:not(:is(.btn,.checked)) .color-select-option-color:hover{border:1px solid var(--theme-elevation-800)}.color-select-option.checked .color-select-option-color:after{opacity:1}.btn .color-select-option-color{border:1px solid var(--theme-elevation-800);border-radius:2px;width:16px;height:16px;margin-left:-3px;margin-right:3px}.btn .color-select-option-color:after{display:none}
.icon-group-field-component .icon-group-wrapper{justify-content:flex-start;align-items:center;display:flex}.icon-group-field-component .icon-group-wrapper .btn{margin:0 -1px 0 0}.icon-group-field-component .icon-group-wrapper .btn>*{width:24px;height:24px}.icon-group-field-component .icon-group-wrapper .btn:not(:first-child):not(:last-child){border-radius:0}.icon-group-field-component .icon-group-wrapper .btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.icon-group-field-component .icon-group-wrapper .btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.icon-group-field-component .icon-group-wrapper .btn:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.icon-group-field-component .icon-group-wrapper .btn:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.icon-group-field-component .icon-group-wrapper .btn--selected{--color:var(--theme-elevation-0);--bg-color:var(--theme-elevation-800);--btn-border:1px solid var(--theme-elevation-800);--hover-bg:var(--theme-elevation-800);--hover-color:var(--color)}.icon-group-field-component .icon-group-wrapper .btn--not-selected{--color:var(--theme-text);--bg-color:transparent;--btn-border:1px solid var(--theme-elevation-800);--hover-color:var(--theme-text);--hover-bg:var(--theme-elevation-100);--hover-btn-border:1px solid var(--theme-elevation-800)}.icon-group-field-component .icon-group-option:disabled{cursor:not-allowed;opacity:.5}