@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}}
.blocks-field:has(>.add-from-template){flex-flow:wrap}.blocks-field:has(>.add-from-template)>*{flex:100%;min-width:0}:is(.blocks-field:has(>.add-from-template)>.blocks-field__drawer-toggler,.blocks-field:has(>.add-from-template)>.add-from-template){flex:calc(50% - 5px)}.blocks-field:has(>.page-template-picker){column-gap:0}.blocks-field:has(>.page-template-picker)>.blocks-field__drawer-toggler{border-radius:var(--style-radius-l) var(--style-radius-l) 0 0;flex:100%}:is(.blocks-field:has(>.page-template-picker)>.add-from-template,.blocks-field:has(>.page-template-picker)>.page-template-picker){margin-top:calc(var(--base)/-2 - 2px);flex:50%}.blocks-field:has(>.page-template-picker)>.page-template-picker{margin-left:-2px}.blocks-field:has(>.page-template-picker)>.add-from-template .add-from-template__toggler{border-radius:0 0 0 var(--style-radius-l);border-top-color:#0000;padding:12px 20px}.blocks-field:has(>.page-template-picker)>.add-from-template .add-from-template__toggler:hover{border-top-color:var(--color-success-400)}.add-from-template{display:flex}.add-from-template__toggler{border:2px dashed var(--theme-elevation-200);border-radius:var(--style-radius-l);color:var(--theme-elevation-500);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.add-from-template__toggler:hover{border-color:var(--color-success-400);color:var(--color-success-600);background:var(--color-success-50)}.add-from-template__toggler .btn{color:var(--theme-elevation-400);margin:0}.add-from-template__toggler .btn:hover{color:var(--theme-elevation-800)}.add-from-template__toggler .btn__icon{flex-shrink:0}
.page-template-picker{display:flex}.page-template-picker__toggler{border:2px dashed var(--theme-elevation-200);border-radius:0 0 var(--style-radius-l) 0;color:var(--theme-elevation-500);cursor:pointer;background:0 0;border-top-color:#0000;border-left-color:#0000;flex:1;justify-content:center;align-items:center;padding:12px 20px;display:flex}.page-template-picker__toggler:hover{border-color:var(--color-success-400);color:var(--color-success-600);background:var(--color-success-50)}.page-template-picker__toggler .btn{color:var(--theme-elevation-400);margin:0}.page-template-picker__toggler .btn:hover{color:var(--theme-elevation-800)}.page-template-picker__toggler .btn__icon{flex-shrink:0}