@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;.design-version-preview{margin-bottom:20px}.design-version-preview__container{flex-direction:column;gap:10px;display:flex}.design-version-preview__header{width:100%}.design-version-preview__header-content{align-items:center;gap:15px;display:flex}.design-version-preview__selected{flex-grow:1}.design-version-preview__selected-name{color:var(--theme-text);font-weight:500}.design-version-preview__description{color:var(--theme-elevation-500);margin-top:5px;font-size:.875em;line-height:1.4}.design-version-preview__selected-description{color:var(--theme-elevation-500);font-size:.8em;line-height:1.3}.design-version-preview__button-content{align-items:center;gap:10px;margin:5px 10px;display:flex}.design-version-preview__thumbnail{border:1px solid var(--theme-elevation-100);background-color:var(--theme-elevation-50);border-radius:4px;flex-shrink:0;width:50px;height:50px;margin-right:15px;overflow:hidden}.design-version-preview__thumbnail-image{object-fit:cover;width:100%;height:100%}.design-version-preview__label{flex-grow:1;font-weight:500}.design-version-preview__preview-text{color:var(--theme-text);font-size:16px}.design-version-preview__chevron{width:15px;height:15px;color:var(--theme-elevation-500);margin-left:10px}.design-version-preview__selected{border-radius:4px;overflow:hidden}.design-version-preview__selected-image-container{background-color:var(--theme-elevation-50);padding-top:56.25%;position:relative;overflow:hidden}.design-version-preview__selected-image{object-fit:cover;width:100%;position:absolute;top:0;left:0}.design-version-preview__selected-label{background-color:var(--theme-elevation-50);opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;color:var(--theme-text);padding:10px;font-size:17px}.design-version-preview-drawer__grid{grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;gap:30px;padding:30px;display:grid}@media (min-width:500px){.design-version-preview-drawer__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.design-version-preview-drawer__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.design-version-preview-drawer__grid{grid-template-columns:repeat(3,1fr)}}.design-version-preview-drawer__item{cursor:pointer;border:1px solid var(--theme-elevation-100);background-color:var(--theme-input-bg);border-radius:4px;min-height:200px;transition:all .2s;position:relative;overflow:hidden}.design-version-preview-drawer__item:hover{box-shadow:0 2px 8px var(--theme-elevation-100);transform:translateY(-2px)}.design-version-preview-drawer__item--selected{border-color:var(--theme-warning-500);box-shadow:0 0 0 2px var(--theme-warning-100)}.design-version-preview-drawer__item-image-container{background-color:var(--theme-elevation-50);border-bottom:1px solid var(--theme-elevation-100);flex-shrink:0;padding-top:56.25%;position:relative;overflow:hidden}.design-version-preview-drawer__item-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.design-version-preview-drawer__item-placeholder{width:100%;height:100%;color:var(--theme-elevation-300);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.design-version-preview-drawer__item-placeholder svg{width:50px;height:50px}.design-version-preview-drawer__item-selected-indicator{background-color:var(--theme-warning-500);z-index:10;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:10px;right:10px}.design-version-preview-drawer__item-selected-indicator svg{stroke-width:3px;width:20px;height:20px}.design-version-preview-drawer__item-name{text-align:center;background-color:var(--theme-elevation-50);opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--theme-text);border-top:1px solid var(--theme-elevation-100);padding:15px;font-size:18px;font-weight:500;position:absolute;bottom:0;left:0;right:0}.design-version-preview-drawer__empty{text-align:center;color:var(--theme-elevation-500);grid-column:1/-1;padding:40px}.design-version-preview-drawer__help-text{text-align:center;color:var(--theme-elevation-500);border-top:1px solid var(--theme-elevation-100);background-color:var(--theme-elevation-50);padding:20px;font-size:16px}.drawer__content{flex-direction:column;height:100%;display:flex;padding:0!important;overflow-y:auto!important}.drawer__header{border-bottom:1px solid var(--theme-elevation-100);background-color:var(--theme-elevation-50);z-index:10;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0}.drawer__header__title{color:var(--theme-text);margin:0;font-size:22px;font-weight:600}.drawer__header__close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;display:flex}.drawer__header__close:hover{background-color:var(--theme-elevation-100);border-radius:50%}