@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}}
@layer payload-default;.color-selector__field{flex-direction:column;gap:.5rem;width:100%;margin-bottom:24px;display:flex}.color-selector__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.color-selector__input-wrapper{align-items:center;width:100%;display:flex;position:relative}.color-selector__input-container{width:100%}.color-selector__text-field{border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);width:100%;height:36px;font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--theme-elevation-800);background-color:var(--theme-input-bg);outline:none;padding:0 36px 0 12px;transition:all .2s ease-in-out}.color-selector__text-field:focus{border-color:var(--theme-elevation-400);box-shadow:0 0 0 1px var(--theme-elevation-400)}.color-selector__text-field::placeholder{color:var(--theme-elevation-400)}.color-selector__text-field--error{border-color:var(--theme-error-500);color:var(--theme-error-500)}.color-selector__text-field--error:focus{border-color:var(--theme-error-500);box-shadow:0 0 0 1px var(--theme-error-500)}.color-selector__error-message{color:var(--theme-error-500);font-size:var(--font-size-s);margin-top:.25rem}.color-selector__color-preview-container{cursor:pointer;width:20px;height:20px;box-shadow:0 0 0 1px var(--theme-elevation-100);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;overflow:hidden;transform:translateY(-50%)}.color-selector__color-preview{width:100%;height:100%}.color-selector__color-picker{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.color-selector__toggle{appearance:none;background:var(--theme-elevation-100);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);width:24px;height:24px;font-size:var(--font-size-base);color:var(--theme-elevation-500);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s ease-in-out;display:flex}.color-selector__toggle:hover{background:var(--theme-elevation-150);color:var(--theme-elevation-800)}.color-selector__toggle:focus{border-color:var(--theme-elevation-400);box-shadow:0 0 0 1px var(--theme-elevation-400);outline:none}.color-selector__formats{font-size:var(--font-size-s);color:var(--theme-elevation-500);font-family:var(--font-mono);flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.color-selector__format{background-color:var(--theme-elevation-50);border-radius:var(--style-radius-s);align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.85em;display:flex}.color-selector__format-preview{width:16px;height:16px;box-shadow:0 0 0 1px var(--theme-elevation-100);border-radius:3px}.color-selector__description{font-size:var(--font-size-s);color:var(--theme-elevation-500);margin-top:.25rem}[data-theme=dark] .color-selector__text-field{background-color:var(--theme-elevation-50);color:var(--theme-elevation-1000);border-color:var(--theme-elevation-150)}[data-theme=dark] .color-selector__text-field:focus{border-color:var(--theme-elevation-400);box-shadow:0 0 0 1px var(--theme-elevation-400)}[data-theme=dark] .color-selector__text-field::placeholder{color:var(--theme-elevation-400)}[data-theme=dark] .color-selector__text-field--error{border-color:var(--theme-error-500);color:var(--theme-error-500)}[data-theme=dark] .color-selector__text-field--error:focus{border-color:var(--theme-error-500);box-shadow:0 0 0 1px var(--theme-error-500)}[data-theme=dark] .color-selector__color-preview-container{box-shadow:0 0 0 1px var(--theme-elevation-100)}[data-theme=dark] .color-selector__description{color:var(--theme-elevation-500)}[data-theme=dark] .color-selector__format{background-color:var(--theme-elevation-100);color:var(--theme-elevation-800)}[data-theme=dark] .color-selector__format-preview{box-shadow:0 0 0 1px var(--theme-elevation-200)}[data-theme=dark] .color-selector__toggle{background:var(--theme-elevation-50);border-color:var(--theme-elevation-150);color:var(--theme-elevation-500)}[data-theme=dark] .color-selector__toggle:hover{background:var(--theme-elevation-100);color:var(--theme-elevation-300)}[data-theme=dark] .color-selector__toggle:focus{border-color:var(--theme-elevation-400);box-shadow:0 0 0 1px var(--theme-elevation-400)}