@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;.field-type.icon{position:relative}.field-type.icon input{font-family:var(--font-body);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);width:100%;color:var(--theme-elevation-800);-webkit-appearance:none;height:40px;padding:8px 15px;font-size:1rem;line-height:20px;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);box-shadow:0 2px 2px -1px #0000001a}.field-type.icon input:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.field-type.icon input[data-rtl=true]{direction:rtl}.field-type.icon input::-webkit-input-placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.field-type.icon input::placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.field-type.icon input:hover{border-color:var(--theme-elevation-250)}.field-type.icon input:focus,.field-type.icon input:focus-within,.field-type.icon input:active{border-color:var(--theme-elevation-400);outline:0}.field-type.icon input:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.field-type.icon input:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.icon__input-container{display:flex;position:relative}.icon__icon-preview{border:1px solid var(--theme-elevation-150);background-color:var(--theme-input-bg);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.icon__icon-preview span{color:var(--theme-elevation-800);fill:var(--theme-elevation-800);width:20px;height:20px}.icon__icon-preview span>*{width:20px;height:20px}.icon__icon-picker-modal{background-color:var(--theme-input-bg);z-index:50;border:1px solid var(--theme-elevation-100);width:100%;max-width:300px;margin-top:10px;padding:10px;position:absolute;top:100%;left:0;box-shadow:0 20px 35px -10px #00020433,0 6px 4px -4px #00020405}.icon__icon-picker-modal__pagination-meta-container{padding:5px}.icon__icon-picker-modal__icon-container{height:inherit;flex-wrap:wrap;max-height:200px;margin-bottom:20px;display:flex;overflow-y:scroll}.icon__icon-picker-modal__icon-option{border:1px solid var(--theme-elevation-150);color:var(--theme-elevation-800);fill:var(--theme-elevation-800);background-color:var(--theme-input-bg);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:30px;height:30px;margin:5px;transition:all .25s;display:flex}.icon__icon-picker-modal__icon-option span{color:var(--theme-elevation-800);fill:var(--theme-elevation-800);width:20px;height:20px}.icon__icon-picker-modal__icon-option span>*{width:20px;height:20px}.icon__icon-picker-modal__icon-option:hover{background-color:var(--theme-elevation-100);transition:all .25s}.icon__icon-picker-modal__icon-option-active{background-color:var(--theme-elevation-150)}.icon__icon-picker-modal__icon-search input{font-family:var(--font-body);border:1px solid var(--theme-elevation-150);border-radius:var(--style-radius-s);background:var(--theme-input-bg);width:100%;color:var(--theme-elevation-800);-webkit-appearance:none;height:40px;padding:8px 15px;font-size:1rem;line-height:20px;transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);box-shadow:0 2px 2px -1px #0000001a}.icon__icon-picker-modal__icon-search input:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.icon__icon-picker-modal__icon-search input[data-rtl=true]{direction:rtl}.icon__icon-picker-modal__icon-search input::-webkit-input-placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.icon__icon-picker-modal__icon-search input::placeholder{color:var(--theme-elevation-400);font-size:1rem;font-weight:400}.icon__icon-picker-modal__icon-search input:hover{border-color:var(--theme-elevation-250)}.icon__icon-picker-modal__icon-search input:focus,.icon__icon-picker-modal__icon-search input:focus-within,.icon__icon-picker-modal__icon-search input:active{border-color:var(--theme-elevation-400);outline:0}.icon__icon-picker-modal__icon-search input:disabled{background:var(--theme-elevation-100);color:var(--theme-elevation-400);box-shadow:none}.icon__icon-picker-modal__icon-search input:disabled:hover{border-color:var(--theme-elevation-150);box-shadow:none}.icon__icon-picker-modal--rtl{left:auto;right:0}.icon__icon-picker-modal--rtl__icon-container{justify-content:flex-end}html[data-theme=light] .field-type.icon.error input{background-color:var(--theme-error-50);border:1px solid var(--theme-error-500)}html[data-theme=dark] .field-type.icon.error input{background-color:var(--theme-error-100);border:1px solid var(--theme-error-400)}html[data-theme=dark] .field-type.icon.error input:hover{border-color:var(--theme-error-500)}
