RubyGems - alchemy_cms - Versions diffs - 8.0.9 → 8.1.0 - Mend

alchemy_cms 8.0.9 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (280) hide show

data/app/assets/builds/alchemy/dark-theme.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--a-lightest-grey: hsl(200deg, 5%, 90%);--a-lighter-grey: hsl(200deg, 5%, 70%);--a-light-grey: hsl(200deg, 5%, 35%);--a-grey: hsl(200deg, 5%, 22.5%);--a-dark-grey: hsl(200deg, 5%, 17.5%);--a-darker-grey: hsl(200deg, 5%, 15%);--a-darkest-grey: hsl(200deg, 5%, 12.5%);--color-blue_very_light: hsl(203deg, 32%, 97%);--color-blue_light: hsl(203deg, 32%, 85%);--color-blue_medium: hsl(212deg, 52%, 36%);--color-blue_dark: hsl(212deg, 52%, 26%);--color-green_very_light: hsl(88deg, 47%, 88%);--color-green_light: hsl(127deg, 25%, 69%);--color-green_medium: hsl(127deg, 25%, 48%);--color-green_dark: hsl(128deg, 32%, 26%);--color-yellow_light: hsl(60deg, 81%, 92%);--color-yellow_medium: hsl(56deg, 68%, 85%);--color-yellow_dark: hsl(56deg, 53%, 29%);--color-orange_medium: hsl(42deg, 100%, 74%);--color-orange_dark: hsl(28deg, 77%, 68%);--color-orange_very_dark: hsl(28deg, 77%, 48%);--color-red_very_light: hsl(0deg, 47%, 88%);--color-red_light: hsl(0deg, 25%, 69%);--color-red_medium: hsl(0deg, 51%, 42%);--color-red_dark: hsl(0deg, 51%, 25%);--color-grey_very_light: hsl(0deg, 0%, 97%);--color-grey_light: hsl(0deg, 0%, 94%);--color-grey_medium: hsl(0deg, 0%, 78%);--color-grey_dark: hsl(0deg, 0%, 40%);--color-grey_very_dark: hsl(0deg, 0%, 20%);--color-white: hsl(0deg, 0%, 100%);--spacing-0: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-mono: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;--font-sans: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;--font-size_small: 10px;--font-size_medium: 12px;--font-size_large: 16px;--font-weight_normal: 500;--font-weight_bold: 700;--font-default: var(--font-size_medium) var(--font-sans);--border-radius_medium: 3px;--border-width_small: 1px;--border-style: solid;--border-default: var(--border-width_small) var(--border-style) var(--border-color);--transition-duration: 250ms;--transition-easing: linear;--button-border-radius: var(--border-radius_medium);--button-border-style: var(--border-style);--button-border-width: var(--border-width_small);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-color);--button-font-size: var(--font-size_medium);--button-font-weight: var(--font-weight_bold);--button-height: 30px;--button-line-height: var(--form-field-line-height);--button-margin: var(--form-field-margin);--button-padding: var(--spacing-1) var(--spacing-5);--button-small-padding: 0.4em 0.8em;--datepicker-font-size: var(--font-size_medium);--dialog-header-height: 36px;--dialog-header-font-size: var(--font-size_medium);--dialog-header-padding: 0 var(--spacing-2);--dialog-transition-duration: 150ms;--elements-window-width: 0px;--elements-window-min-width: 400px;--elements-window-transition-easing: ease-in-out;--form-left-column-width: 35%;--form-right-column-width: 65%;--form-field-margin: var(--spacing-1) 0;--form-field-height: 31px;--form-field-addon-width: 30px;--form-field-border-width: var(--border-width_small);--form-field-border-style: var(--border-style);--form-field-padding: var(--spacing-1) var(--spacing-2);--form-field-font-size: var(--font-size_medium);--form-field-line-height: 1.25;--header-height: 29px;--header-border-bottom: var(--border-default);--icon-button-height: 30px;--icon-button-width: 30px;--icon-button-medium-height: 26px;--icon-button-medium-width: 26px;--icon-button-small-height: 15px;--icon-button-small-width: 15px;--icon-size-xs: 0.75rem;--icon-size-sm: 0.875rem;--icon-size-1x: 1rem;--icon-size-md: 1.3rem;--icon-size-xl: 1.5rem;--icon-size-xxl: 1.6rem;--main-menu-width: 170px;--top-menu-height: 75px;--main-menu-entry-max-width: 110px;--pagination-height: 52px;--select-medium-width: 90px;--select-large-width: 120px;--sidebar-width: 232px;--toolbar-height: 46px;--toolbar-padding: var(--spacing-2) var(--spacing-1)}html{--body-background-color: var(--a-dark-grey);--border-color: var(--a-darker-grey);--border-inset-color: var(--a-grey);--button-bg-color: var(--color-blue_dark);--button-border-color: var(--color-blue_medium);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 10%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-blue_medium);--button-hover-border-color: var(--color-blue_medium);--button-text-color: var(--color-white);--button-text-shadow: none;--button-disabled-bg-color: var(--a-dark-grey);--button-disabled-border-color: var(--a-grey);--button-secondary-bg-color: var(--a-darker-grey);--button-secondary-border-color: var(--a-grey);--button-secondary-hover-bg-color: var(--a-dark-grey);--button-secondary-hover-border-color: var(--a-grey);--button-secondary-text-color: var(--color-white);--code-background-color: var(--a-darkest-grey);--code-border-color: var(--a-grey);--datepicker-bg-color: var(--a-dark-grey);--datepicker-border-color: var(--a-grey);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: var(--a-lighter-grey);--datepicker-text-hover-color: var(--color-orange_medium);--datepicker-day-hover-bg: var(--a-grey);--datepicker-today-border-color: var(--a-light-grey);--datepicker-today-hover-bg-color: var(--a-light-grey);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 0%, 0.5);--dialog-overlay-color: hsla(0deg, 0%, 10%, 0.8);--dialog-background-color: var(--a-dark-grey);--element-editor-background-color: var(--a-dark-grey);--element-editor-border-color: var(--a-darkest-grey);--element-editor-dragged-background-color: var(--color-blue_medium);--element-editor-dragged-border-color: var(--color-orange_dark);--element-editor-hover-box-shadow-color: var(--a-darkest-grey);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_medium);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 20%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 30%);--element-toolbar-background-color: var(--a-dark-grey);--element-toolbar-border-color: var(--a-darker-grey);--element-dirty-border-color: hsl(55deg, 67%, 45%);--element-dirty-header-color: hsl(55deg, 45%, 15%);--elements-window-handle-dragged-background-color: var(--color-orange_dark);--droppable-elements-background-color: var(--color-blue_dark);--nestable-elements-background-color: var(--a-dark-grey);--nestable-elements-box-shadow-color: var(--a-darkest-grey);--focus-color: var(--color-orange_dark);--form-field-addon-background-color: var(--a-darker-grey);--form-field-background-color: var(--a-darkest-grey);--form-field-border-color: var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--a-dark-grey);--form-field-label-color: var(--text-color-muted);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: hsl(0deg, 0%, 53%);--form-field-disabled-bg-color: hsla(0deg, 0%, 20%, 0.5);--form-field-error-bg-color: hsl(0deg, 47%, 10%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 30%, 0.5);--header-background: var(--a-darkest-grey);--hint-background-color: hsl(55deg, 20%, 25%);--hint-border-color: hsla(55deg, 20%, 50%, 0.5);--hint-text-color: hsl(55deg, 20%, 75%);--hint-text-link-color: hsla(0deg, 0%, 100%, 0.85);--icon-button-linked-color: hsla(42deg, 100%, 40%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 50%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 50%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 60%);--icon-button-hover-bg-color: var(--a-darkest-grey);--icon-color: var(--a-lighter-grey);--image-overlay-box-shadow: -4px 0 4px 0px hsla(0deg, 0%, 0%, 0.5);--image-overlay-hover-bg-color: var(--a-darker-grey);--list-filter-background-color: var(--form-field-background-color);--list-filter-focus-background-color: var(--form-field-background-color);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 20%);--notice-success-border-color: hsl(127deg, 25%, 30%);--notice-success-text-color: hsl(127deg, 42%, 65%);--notice-info-background-color: hsl(215deg, 63%, 20%);--notice-info-border-color: hsl(225deg, 25%, 30%);--notice-info-text-color: hsl(225deg, 55%, 80%);--notice-warning-background-color: hsl(55deg, 70%, 15%);--notice-warning-border-color: hsl(55deg, 25%, 30%);--notice-warning-text-color: hsl(55deg, 53%, 80%);--notice-error-background-color: hsl(0deg, 45%, 15%);--notice-error-border-color: hsl(0deg, 25%, 30%);--notice-error-text-color: hsl(0, 50%, 75%);--pagination-background-color: var(--a-darker-grey);--pagination-border-color: var(--a-dark-grey);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: var(--a-light-grey);--panel-background-color: var(--a-darker-grey);--panel-border-color: var(--a-grey);--picture-thumbnail-background-color: var(--a-dark-grey);--picture-thumbnail-toolbar-bg-color: var(--a-darker-grey);--picture-tool-background-color: var(--a-darker-grey);--picture-tool-hover-background-color: var(--a-darkest-grey);--search-field-background-color: var(--a-dark-grey);--select-background-color: var(--form-field-background-color);--select-border-color: var(--form-field-border-color);--select-text-color: var(--text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--form-field-border-color);--select-hover-text-color: var(--color-white);--select-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(200deg, 5%, 70%)" viewBox="0 0 24 24"><path d="M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: var(--a-darker-grey);--select-disabled-border-color: var(--a-grey);--select-disabled-text-color: var(--a-lighter-grey);--select-dropdown-background-color: var(--a-darker-grey);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.75);--select-dropdown-border-color: var(--a-grey);--sidebar-background-color: var(--a-darker-grey);--sitemap-page-background-color: var(--a-darker-grey);--sitemap-page-hover-color: var(--a-grey);--sitemap-info-background-color: var(--a-darker-grey);--sitemap-highlight-color: var(--a-grey);--table-border-color: var(--border-color);--table-row-even-background-color: var(--a-darker-grey);--table-row-odd-background-color: var(--a-darkest-grey);--table-row-hover-color: var(--a-grey);--tag-background-color: var(--a-grey);--tag-hover-background-color: var(--a-dark-grey);--tag-active-background-color: var(--color-orange_dark);--tag-active-text-color: var(--a-grey);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 22.5%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: var(--a-lightest-grey);--text-color-muted: var(--a-lighter-grey);--text-link-color: var(--color-orange_medium);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 20%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--a-grey) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--a-grey) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--a-grey) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--a-grey) 75%) 0 0.5em/1em 1em var(--a-dark-grey);--toolbar-bg-color: var(--a-darker-grey);--toolbar-border-bottom: 1px solid var(--a-darkest-grey);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) hsla(0deg, 0%, 0%, 0.5);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--border-color);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--notice-error-text-color);--file-upload-text-color: var(--text-color);--file-upload_background-color: var(--a-grey);--file-upload_single-upload-background-color: var(--a-dark-grey);--file-upload_progress-track-color: var(--a-darker-grey);--file-upload_progress-indicator-color: var(--color-blue_medium);--file-upload_progress-indicator-color-canceled: var(--a-grey);--file-upload_progress-indicator-color-failed: var( --notice-error-border-color );--file-upload_progress-indicator-color-invalid: var( --notice-warning-border-color );--file-upload_progress-indicator-color-successful: var( --notice-success-border-color );--file-upload_progress-indicator-color-upload-finished: var( --color-blue_medium );--sl-color-primary-50: var(--color-orange_medium);--sl-color-primary-100: var(--color-orange_medium);--sl-color-primary-200: var(--color-orange_medium);--sl-color-primary-300: var(--color-orange_dark);--sl-color-primary-400: var(--color-orange_dark);--sl-color-primary-500: var(--color-orange_dark);--sl-color-primary-600: var(--color-orange_dark);--sl-color-primary-700: var(--color-orange_very_dark);--sl-color-primary-800: var(--color-orange_very_dark);--sl-color-primary-900: var(--color-orange_very_dark);--sl-color-primary-950: var(--color-orange_very_dark);--sl-color-neutral-50: var(--a-grey);--sl-color-neutral-100: var(--a-grey);--sl-color-neutral-200: var(--a-light-grey);--sl-color-neutral-300: var(--a-light-grey);--sl-color-neutral-400: var(--a-light-grey);--sl-color-neutral-500: var(--a-lighter-grey);--sl-color-neutral-600: var(--a-lighter-grey);--sl-color-neutral-700: var(--a-lighter-grey);--sl-color-neutral-800: var(--a-lightest-grey);--sl-color-neutral-900: var(--a-lightest-grey);--sl-color-neutral-950: var(--a-lightest-grey)}html .select2-container.select2-container-multi .select2-search-choice-close:before,html .select2-container.select2-allowclear .select2-search-choice-close:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>')}
1	+ :root{--a-lightest-grey: hsl(200deg, 5%, 90%);--a-lighter-grey: hsl(200deg, 5%, 70%);--a-light-grey: hsl(200deg, 5%, 35%);--a-grey: hsl(200deg, 5%, 22.5%);--a-dark-grey: hsl(200deg, 5%, 17.5%);--a-darker-grey: hsl(200deg, 5%, 15%);--a-darkest-grey: hsl(200deg, 5%, 12.5%);--color-blue_very_light: hsl(203deg, 32%, 97%);--color-blue_light: hsl(203deg, 32%, 85%);--color-blue_medium: hsl(212deg, 52%, 36%);--color-blue_dark: hsl(212deg, 52%, 26%);--color-green_very_light: hsl(88deg, 47%, 88%);--color-green_light: hsl(127deg, 25%, 69%);--color-green_medium: hsl(127deg, 25%, 48%);--color-green_dark: hsl(128deg, 32%, 26%);--color-yellow_light: hsl(60deg, 81%, 92%);--color-yellow_medium: hsl(56deg, 68%, 85%);--color-yellow_dark: hsl(56deg, 53%, 29%);--color-orange_medium: hsl(42deg, 100%, 74%);--color-orange_dark: hsl(28deg, 77%, 68%);--color-orange_very_dark: hsl(28deg, 77%, 48%);--color-red_very_light: hsl(0deg, 47%, 88%);--color-red_light: hsl(0deg, 25%, 69%);--color-red_medium: hsl(0deg, 51%, 42%);--color-red_dark: hsl(0deg, 51%, 25%);--color-grey_very_light: hsl(0deg, 0%, 97%);--color-grey_light: hsl(0deg, 0%, 94%);--color-grey_medium: hsl(0deg, 0%, 78%);--color-grey_dark: hsl(0deg, 0%, 40%);--color-grey_very_dark: hsl(0deg, 0%, 20%);--color-white: hsl(0deg, 0%, 100%);--spacing-0: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-mono: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;--font-sans: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;--font-size_small: 10px;--font-size_medium: 12px;--font-size_large: 16px;--font-weight_normal: 500;--font-weight_bold: 700;--font-default: var(--font-size_medium) var(--font-sans);--border-radius_medium: 3px;--border-width_small: 1px;--border-style: solid;--border-default: var(--border-width_small) var(--border-style) var(--border-color);--transition-duration: 250ms;--transition-easing: linear;--button-border-radius: var(--border-radius_medium);--button-border-style: var(--border-style);--button-border-width: var(--border-width_small);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-color);--button-font-size: var(--font-size_medium);--button-font-weight: var(--font-weight_bold);--button-height: 30px;--button-line-height: var(--form-field-line-height);--button-margin: var(--form-field-margin);--button-padding: var(--spacing-1) var(--spacing-5);--button-small-padding: 0.4em 0.8em;--datepicker-font-size: var(--font-size_medium);--dialog-header-height: 36px;--dialog-header-font-size: var(--font-size_medium);--dialog-header-padding: 0 var(--spacing-2);--dialog-transition-duration: 150ms;--elements-window-width: 0px;--elements-window-min-width: 400px;--elements-window-transition-easing: ease-in-out;--form-left-column-width: 35%;--form-right-column-width: 65%;--form-field-margin: var(--spacing-1) 0;--form-field-height: 31px;--form-field-addon-width: 30px;--form-field-border-width: var(--border-width_small);--form-field-border-style: var(--border-style);--form-field-padding: var(--spacing-1) var(--spacing-2);--form-field-font-size: var(--font-size_medium);--form-field-line-height: 1.25;--header-height: 29px;--header-border-bottom: var(--border-default);--icon-button-height: 30px;--icon-button-width: 30px;--icon-button-medium-height: 26px;--icon-button-medium-width: 26px;--icon-button-small-height: 15px;--icon-button-small-width: 15px;--icon-size-xs: 0.75rem;--icon-size-sm: 0.875rem;--icon-size-1x: 1rem;--icon-size-md: 1.3rem;--icon-size-xl: 1.5rem;--icon-size-xxl: 1.6rem;--main-menu-width: 170px;--top-menu-height: 75px;--main-menu-entry-max-width: 110px;--pagination-height: 52px;--select-medium-width: 90px;--select-large-width: 120px;--sidebar-width: 232px;--toolbar-height: 46px;--toolbar-padding: var(--spacing-2) var(--spacing-1)}html{--body-background-color: var(--a-dark-grey);--border-color: var(--a-darker-grey);--border-inset-color: var(--a-grey);--button-bg-color: var(--color-blue_dark);--button-border-color: var(--color-blue_medium);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 10%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-blue_medium);--button-hover-border-color: var(--color-blue_medium);--button-text-color: var(--color-white);--button-text-shadow: none;--button-disabled-bg-color: var(--a-dark-grey);--button-disabled-border-color: var(--a-grey);--button-secondary-bg-color: var(--a-darker-grey);--button-secondary-border-color: var(--a-grey);--button-secondary-hover-bg-color: var(--a-dark-grey);--button-secondary-hover-border-color: var(--a-grey);--button-secondary-text-color: var(--color-white);--code-background-color: var(--a-darkest-grey);--code-border-color: var(--a-grey);--datepicker-bg-color: var(--a-dark-grey);--datepicker-border-color: var(--a-grey);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: var(--a-lighter-grey);--datepicker-text-hover-color: var(--color-orange_medium);--datepicker-day-hover-bg: var(--a-grey);--datepicker-today-border-color: var(--a-light-grey);--datepicker-today-hover-bg-color: var(--a-light-grey);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 0%, 0.5);--dialog-overlay-color: hsla(0deg, 0%, 10%, 0.8);--dialog-background-color: var(--a-dark-grey);--element-editor-background-color: var(--a-dark-grey);--element-editor-border-color: var(--a-darkest-grey);--element-editor-dragged-background-color: var(--color-blue_medium);--element-editor-dragged-border-color: var(--color-orange_dark);--element-editor-hover-box-shadow-color: var(--a-darkest-grey);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_medium);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 20%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 30%);--element-toolbar-background-color: var(--a-dark-grey);--element-toolbar-border-color: var(--a-darker-grey);--element-dirty-border-color: hsl(55deg, 67%, 45%);--element-dirty-header-color: hsl(55deg, 45%, 15%);--elements-window-handle-dragged-background-color: var(--color-orange_dark);--droppable-elements-background-color: var(--color-blue_dark);--nestable-elements-background-color: var(--a-dark-grey);--nestable-elements-box-shadow-color: var(--a-darkest-grey);--focus-color: var(--color-orange_dark);--form-field-addon-background-color: var(--a-darker-grey);--form-field-background-color: var(--a-darkest-grey);--form-field-border-color: var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--a-dark-grey);--form-field-label-color: var(--text-color-muted);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: var(--form-field-text-color);--form-field-disabled-bg-color: transparent;--form-field-error-bg-color: hsl(0deg, 47%, 10%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 30%, 0.5);--header-background: var(--a-darkest-grey);--hint-background-color: hsl(55deg, 20%, 25%);--hint-border-color: hsla(55deg, 20%, 50%, 0.5);--hint-text-color: hsl(55deg, 20%, 75%);--hint-text-link-color: hsla(0deg, 0%, 100%, 0.85);--icon-button-linked-color: hsla(42deg, 100%, 40%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 50%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 50%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 60%);--icon-button-hover-bg-color: var(--a-darkest-grey);--icon-color: var(--a-lighter-grey);--image-overlay-box-shadow: -4px 0 4px 0px hsla(0deg, 0%, 0%, 0.5);--image-overlay-hover-bg-color: var(--a-darker-grey);--list-filter-background-color: var(--form-field-background-color);--list-filter-focus-background-color: var(--form-field-background-color);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 20%);--notice-success-border-color: hsl(127deg, 25%, 30%);--notice-success-text-color: hsl(127deg, 42%, 65%);--notice-info-background-color: hsl(215deg, 63%, 20%);--notice-info-border-color: hsl(225deg, 25%, 30%);--notice-info-text-color: hsl(225deg, 55%, 80%);--notice-warning-background-color: hsl(55deg, 70%, 15%);--notice-warning-border-color: hsl(55deg, 25%, 30%);--notice-warning-text-color: hsl(55deg, 53%, 80%);--notice-error-background-color: hsl(0deg, 45%, 15%);--notice-error-border-color: hsl(0deg, 25%, 30%);--notice-error-text-color: hsl(0, 50%, 75%);--pagination-background-color: var(--a-darker-grey);--pagination-border-color: var(--a-dark-grey);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: var(--a-light-grey);--panel-background-color: var(--a-darker-grey);--panel-border-color: var(--a-grey);--picture-thumbnail-background-color: var(--a-dark-grey);--picture-thumbnail-toolbar-bg-color: var(--a-darker-grey);--picture-tool-background-color: var(--a-darker-grey);--picture-tool-hover-background-color: var(--a-darkest-grey);--scrollbar-thumb-color: var(--a-dark-grey);--scrollbar-track-color: var(--a-darkest-grey);--search-field-background-color: var(--a-dark-grey);--select-background-color: var(--form-field-background-color);--select-border-color: var(--form-field-border-color);--select-text-color: var(--text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--form-field-border-color);--select-hover-text-color: var(--text-color);--select-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(200deg, 5%, 70%)" viewBox="0 0 24 24"><path d="M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: transparent;--select-disabled-border-color: var(--a-grey);--select-disabled-text-color: var(--select-text-color);--select-dropdown-background-color: var(--a-darker-grey);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.75);--select-dropdown-border-color: var(--a-grey);--sidebar-background-color: var(--a-darker-grey);--sitemap-page-background-color: var(--a-darker-grey);--sitemap-page-hover-color: var(--a-grey);--sitemap-info-background-color: var(--a-darker-grey);--sitemap-highlight-color: var(--a-grey);--table-border-color: var(--border-color);--table-row-even-background-color: var(--a-darker-grey);--table-row-odd-background-color: var(--a-darkest-grey);--table-row-hover-color: var(--a-grey);--tag-background-color: var(--a-grey);--tag-hover-background-color: var(--a-dark-grey);--tag-active-background-color: var(--color-orange_dark);--tag-active-text-color: var(--a-grey);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 22.5%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: var(--a-lightest-grey);--text-color-muted: var(--a-lighter-grey);--text-link-color: var(--color-orange_medium);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 20%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--a-grey) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--a-grey) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--a-grey) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--a-grey) 75%) 0 0.5em/1em 1em var(--a-dark-grey);--toolbar-bg-color: var(--a-darker-grey);--toolbar-border-bottom: 1px solid var(--a-darkest-grey);--toolbar-spacer-color: var(--a-grey);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) hsla(0deg, 0%, 0%, 0.5);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--border-color);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--notice-error-text-color);--file-upload-text-color: var(--text-color);--file-upload_background-color: var(--a-grey);--file-upload_single-upload-background-color: var(--a-dark-grey);--file-upload_progress-track-color: var(--a-darker-grey);--file-upload_progress-indicator-color: var(--color-blue_medium);--file-upload_progress-indicator-color-canceled: var(--a-grey);--file-upload_progress-indicator-color-failed: var( --notice-error-border-color );--file-upload_progress-indicator-color-invalid: var( --notice-warning-border-color );--file-upload_progress-indicator-color-successful: var( --notice-success-border-color );--file-upload_progress-indicator-color-upload-finished: var( --color-blue_medium );--sl-color-primary-50: var(--color-orange_medium);--sl-color-primary-100: var(--color-orange_medium);--sl-color-primary-200: var(--color-orange_medium);--sl-color-primary-300: var(--color-orange_dark);--sl-color-primary-400: var(--color-orange_dark);--sl-color-primary-500: var(--color-orange_dark);--sl-color-primary-600: var(--color-orange_dark);--sl-color-primary-700: var(--color-orange_very_dark);--sl-color-primary-800: var(--color-orange_very_dark);--sl-color-primary-900: var(--color-orange_very_dark);--sl-color-primary-950: var(--color-orange_very_dark);--sl-color-neutral-50: var(--a-grey);--sl-color-neutral-100: var(--a-grey);--sl-color-neutral-200: var(--a-light-grey);--sl-color-neutral-300: var(--a-light-grey);--sl-color-neutral-400: var(--a-light-grey);--sl-color-neutral-500: var(--a-lighter-grey);--sl-color-neutral-600: var(--a-lighter-grey);--sl-color-neutral-700: var(--a-lighter-grey);--sl-color-neutral-800: var(--a-lightest-grey);--sl-color-neutral-900: var(--a-lightest-grey);--sl-color-neutral-950: var(--a-lightest-grey)}html .select2-container.select2-container-multi .select2-search-choice-close:before,html .select2-container.select2-allowclear .select2-search-choice-close:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>')}

data/app/assets/builds/alchemy/light-theme.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--a-lightest-grey: hsl(200deg, 5%, 90%);--a-lighter-grey: hsl(200deg, 5%, 70%);--a-light-grey: hsl(200deg, 5%, 35%);--a-grey: hsl(200deg, 5%, 22.5%);--a-dark-grey: hsl(200deg, 5%, 17.5%);--a-darker-grey: hsl(200deg, 5%, 15%);--a-darkest-grey: hsl(200deg, 5%, 12.5%);--color-blue_very_light: hsl(203deg, 32%, 97%);--color-blue_light: hsl(203deg, 32%, 85%);--color-blue_medium: hsl(212deg, 52%, 36%);--color-blue_dark: hsl(212deg, 52%, 26%);--color-green_very_light: hsl(88deg, 47%, 88%);--color-green_light: hsl(127deg, 25%, 69%);--color-green_medium: hsl(127deg, 25%, 48%);--color-green_dark: hsl(128deg, 32%, 26%);--color-yellow_light: hsl(60deg, 81%, 92%);--color-yellow_medium: hsl(56deg, 68%, 85%);--color-yellow_dark: hsl(56deg, 53%, 29%);--color-orange_medium: hsl(42deg, 100%, 74%);--color-orange_dark: hsl(28deg, 77%, 68%);--color-orange_very_dark: hsl(28deg, 77%, 48%);--color-red_very_light: hsl(0deg, 47%, 88%);--color-red_light: hsl(0deg, 25%, 69%);--color-red_medium: hsl(0deg, 51%, 42%);--color-red_dark: hsl(0deg, 51%, 25%);--color-grey_very_light: hsl(0deg, 0%, 97%);--color-grey_light: hsl(0deg, 0%, 94%);--color-grey_medium: hsl(0deg, 0%, 78%);--color-grey_dark: hsl(0deg, 0%, 40%);--color-grey_very_dark: hsl(0deg, 0%, 20%);--color-white: hsl(0deg, 0%, 100%);--spacing-0: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-mono: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;--font-sans: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;--font-size_small: 10px;--font-size_medium: 12px;--font-size_large: 16px;--font-weight_normal: 500;--font-weight_bold: 700;--font-default: var(--font-size_medium) var(--font-sans);--border-radius_medium: 3px;--border-width_small: 1px;--border-style: solid;--border-default: var(--border-width_small) var(--border-style) var(--border-color);--transition-duration: 250ms;--transition-easing: linear;--button-border-radius: var(--border-radius_medium);--button-border-style: var(--border-style);--button-border-width: var(--border-width_small);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-color);--button-font-size: var(--font-size_medium);--button-font-weight: var(--font-weight_bold);--button-height: 30px;--button-line-height: var(--form-field-line-height);--button-margin: var(--form-field-margin);--button-padding: var(--spacing-1) var(--spacing-5);--button-small-padding: 0.4em 0.8em;--datepicker-font-size: var(--font-size_medium);--dialog-header-height: 36px;--dialog-header-font-size: var(--font-size_medium);--dialog-header-padding: 0 var(--spacing-2);--dialog-transition-duration: 150ms;--elements-window-width: 0px;--elements-window-min-width: 400px;--elements-window-transition-easing: ease-in-out;--form-left-column-width: 35%;--form-right-column-width: 65%;--form-field-margin: var(--spacing-1) 0;--form-field-height: 31px;--form-field-addon-width: 30px;--form-field-border-width: var(--border-width_small);--form-field-border-style: var(--border-style);--form-field-padding: var(--spacing-1) var(--spacing-2);--form-field-font-size: var(--font-size_medium);--form-field-line-height: 1.25;--header-height: 29px;--header-border-bottom: var(--border-default);--icon-button-height: 30px;--icon-button-width: 30px;--icon-button-medium-height: 26px;--icon-button-medium-width: 26px;--icon-button-small-height: 15px;--icon-button-small-width: 15px;--icon-size-xs: 0.75rem;--icon-size-sm: 0.875rem;--icon-size-1x: 1rem;--icon-size-md: 1.3rem;--icon-size-xl: 1.5rem;--icon-size-xxl: 1.6rem;--main-menu-width: 170px;--top-menu-height: 75px;--main-menu-entry-max-width: 110px;--pagination-height: 52px;--select-medium-width: 90px;--select-large-width: 120px;--sidebar-width: 232px;--toolbar-height: 46px;--toolbar-padding: var(--spacing-2) var(--spacing-1)}html{--body-background-color: var(--color-grey_very_light);--border-color: hsla(0deg, 0%, 69%, 0.5);--border-inset-color: hsla(0deg, 0%, 79%, 0.5);--button-bg-color: var(--color-white);--button-border-color: var(--border-color);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 20%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-grey_very_light);--button-hover-border-color: hsla(0deg, 0%, 59%, 0.5);--button-text-color: var(--text-color);--button-text-shadow: none;--button-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);--button-disabled-border-color: var(--button-border-color);--button-secondary-bg-color: var(--color-grey_light);--button-secondary-border-color: var(--border-color);--button-secondary-hover-bg-color: var(--color-white);--button-secondary-hover-border-color: var(--color-grey_medium);--button-secondary-text-color: var(--text-color);--code-background-color: var(--color-grey_light);--code-border-color: var(--border-color);--datepicker-bg-color: var(--color-white);--datepicker-border-color: var(--border-color);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: rgba(0, 0, 0, 0.54);--datepicker-text-hover-color: var(--color-orange_dark);--datepicker-day-hover-bg: var(--color-grey_light);--datepicker-today-border-color: var(--color-grey_dark);--datepicker-today-hover-bg-color: var(--color-grey_dark);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 14%, 0.5);--dialog-overlay-color: hsla(0deg, 0%, 39%, 0.4);--dialog-background-color: var(--color-grey_very_light);--element-editor-background-color: var(--color-grey_very_light);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_dark);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 84%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 84%);--element-toolbar-background-color: var(--color-grey_very_light);--element-toolbar-border-color: var(--color-grey_light);--element-dirty-border-color: hsl(56deg, 67%, 52%);--element-dirty-header-color: hsl(56deg, 100%, 93%);--focus-color: hsla(28deg, 77%, 68%, 0.75);--form-field-addon-background-color: var(--color-grey_light);--form-field-background-color: var(--color-white);--form-field-border-color: var(--border-color) var(--border-color) var(--border-inset-color) var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--color-grey_light);--form-field-label-color: var(--text-color);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: hsl(0deg, 0%, 53%);--form-field-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);--form-field-error-bg-color: hsl(0deg, 47%, 96%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 69%, 0.5);--header-background: hsl(0deg, 0%, 85%);--hint-background-color: var(--color-yellow_light);--hint-border-color: var(--color-grey_light);--hint-text-color: hsl(49deg, 18%, 30%);--hint-text-link-color: var(--color-grey_very_dark);--icon-button-linked-color: hsla(42deg, 100%, 74%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 64%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 64%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 54%);--icon-button-hover-bg-color: hsla(0deg, 0%, 69%, 0.5);--icon-color: hsla(224deg, 23%, 26%, 0.75);--image-overlay-box-shadow: -4px 0 4px 0px var(--text-color);--image-overlay-hover-bg-color: var(--color-grey_light);--list-filter-background-color: hsla(0deg, 0%, 100%, 0.25);--list-filter-focus-background-color: var(--color-white);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 88%);--notice-success-border-color: hsl(127deg, 25%, 69%);--notice-success-text-color: hsl(128deg, 32%, 26%);--notice-info-background-color: hsl(215deg, 63%, 87%);--notice-info-border-color: hsl(222deg, 25%, 61%);--notice-info-text-color: hsl(225deg, 53%, 29%);--notice-warning-background-color: hsl(56deg, 68%, 85%);--notice-warning-border-color: hsl(55deg, 25%, 69%);--notice-warning-text-color: hsl(56deg, 53%, 29%);--notice-error-background-color: hsl(0deg, 47%, 88%);--notice-error-border-color: hsl(0deg, 25%, 69%);--notice-error-text-color: hsl(0deg, 51%, 42%);--pagination-background-color: var(--color-grey_very_light);--pagination-border-color: var(--border-color);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: #c0c0c0;--panel-background-color: var(--color-grey_light);--panel-border-color: var(--border-color);--picture-tool-background-color: var(--color-white);--picture-tool-hover-background-color: var(--color-grey_very_light);--search-field-background-color: var(--color-grey_very_light);--select-background-color: var(--form-field-background-color);--select-border-color: var(--border-inset-color);--select-text-color: var(--form-field-text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--border-color);--select-hover-text-color: var(--color-white);--select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: var(--color-grey_very_light);--select-disabled-border-color: var(--border-inset-color);--select-dropdown-background-color: var(--color-white);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.15);--select-dropdown-border-color: var(--color-grey_very_light);--sidebar-background-color: var(--color-grey_very_light);--sitemap-page-background-color: hsla(0deg, 0%, 100%, 0.75);--sitemap-page-hover-color: hsla(60deg, 81%, 92%, 0.5);--sitemap-info-background-color: hsla(0deg, 0%, 100%, 0.5);--sitemap-highlight-color: hsla(57deg, 100%, 82%, 0.5);--table-border-color: var(--color-grey_light);--table-row-even-background-color: var(--color-white);--table-row-odd-background-color: hsla(0deg, 0%, 100%, 0.5);--table-row-hover-color: hsla(60deg, 81%, 92%, 0.5);--tag-background-color: var(--color-grey_light);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-hover-background-color: var(--color-grey_medium);--tag-active-background-color: var(--color-blue_medium);--tag-active-text-color: var(--color-grey_very_light);--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(255, 255, 255, 0.95)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: hsla(224deg, 23%, 26%, 0.8);--text-color-muted: hsla(224deg, 23%, 26%, 0.5);--text-link-color: var(--color-orange_very_dark);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 100%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--color-grey_light) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--color-grey_light) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--color-grey_light) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--color-grey_light) 75%) 0 0.5em/1em 1em var(--color-grey_medium);--toolbar-bg-color: var(--color-grey_light);--toolbar-border-bottom: var(--border-default);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) var(--color-grey_light);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--color-grey_light);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--color-red_medium);--file-upload-text-color: var(--text-color);--file-upload_background-color: hsla(0deg, 0%, 80%, 0.8);--file-upload_single-upload-background-color: var(--color-grey_light);--file-upload_progress-track-color: var(--color-blue_very_light);--file-upload_progress-indicator-color: var(--color-blue_dark);--file-upload_progress-indicator-color-canceled: hsla(0deg, 0%, 60%, 0.8);--file-upload_progress-indicator-color-failed: var(--color-red_medium);--file-upload_progress-indicator-color-invalid: var(--color-red_medium);--file-upload_progress-indicator-color-successful: var(--color-green_medium);--file-upload_progress-indicator-color-upload-finished: var( --color-blue_dark );--sl-color-primary-50: var(--color-blue_very_light);--sl-color-primary-100: var(--color-blue_very_light);--sl-color-primary-200: var(--color-blue_light);--sl-color-primary-300: var(--color-blue_light);--sl-color-primary-400: var(--color-blue_medium);--sl-color-primary-500: var(--color-blue_medium);--sl-color-primary-600: var(--color-blue_dark);--sl-color-primary-700: var(--color-blue_dark);--sl-color-primary-800: var(--color-blue_dark);--sl-color-primary-900: var(--color-blue_dark);--sl-color-primary-950: var(--color-blue_dark);--sl-color-neutral-50: var(--color-grey_very_light);--sl-color-neutral-100: var(--color-grey_very_light);--sl-color-neutral-200: var(--color-grey_light);--sl-color-neutral-300: var(--color-grey_light);--sl-color-neutral-400: var(--color-grey_medium);--sl-color-neutral-500: var(--color-grey_medium);--sl-color-neutral-600: var(--color-grey_dark);--sl-color-neutral-700: var(--color-grey_dark);--sl-color-neutral-800: var(--color-grey_very_dark);--sl-color-neutral-900: var(--color-grey_very_dark);--sl-color-neutral-950: var(--color-grey_very_dark)}
1	+ :root{--a-lightest-grey: hsl(200deg, 5%, 90%);--a-lighter-grey: hsl(200deg, 5%, 70%);--a-light-grey: hsl(200deg, 5%, 35%);--a-grey: hsl(200deg, 5%, 22.5%);--a-dark-grey: hsl(200deg, 5%, 17.5%);--a-darker-grey: hsl(200deg, 5%, 15%);--a-darkest-grey: hsl(200deg, 5%, 12.5%);--color-blue_very_light: hsl(203deg, 32%, 97%);--color-blue_light: hsl(203deg, 32%, 85%);--color-blue_medium: hsl(212deg, 52%, 36%);--color-blue_dark: hsl(212deg, 52%, 26%);--color-green_very_light: hsl(88deg, 47%, 88%);--color-green_light: hsl(127deg, 25%, 69%);--color-green_medium: hsl(127deg, 25%, 48%);--color-green_dark: hsl(128deg, 32%, 26%);--color-yellow_light: hsl(60deg, 81%, 92%);--color-yellow_medium: hsl(56deg, 68%, 85%);--color-yellow_dark: hsl(56deg, 53%, 29%);--color-orange_medium: hsl(42deg, 100%, 74%);--color-orange_dark: hsl(28deg, 77%, 68%);--color-orange_very_dark: hsl(28deg, 77%, 48%);--color-red_very_light: hsl(0deg, 47%, 88%);--color-red_light: hsl(0deg, 25%, 69%);--color-red_medium: hsl(0deg, 51%, 42%);--color-red_dark: hsl(0deg, 51%, 25%);--color-grey_very_light: hsl(0deg, 0%, 97%);--color-grey_light: hsl(0deg, 0%, 94%);--color-grey_medium: hsl(0deg, 0%, 78%);--color-grey_dark: hsl(0deg, 0%, 40%);--color-grey_very_dark: hsl(0deg, 0%, 20%);--color-white: hsl(0deg, 0%, 100%);--spacing-0: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-mono: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;--font-sans: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;--font-size_small: 10px;--font-size_medium: 12px;--font-size_large: 16px;--font-weight_normal: 500;--font-weight_bold: 700;--font-default: var(--font-size_medium) var(--font-sans);--border-radius_medium: 3px;--border-width_small: 1px;--border-style: solid;--border-default: var(--border-width_small) var(--border-style) var(--border-color);--transition-duration: 250ms;--transition-easing: linear;--button-border-radius: var(--border-radius_medium);--button-border-style: var(--border-style);--button-border-width: var(--border-width_small);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-color);--button-font-size: var(--font-size_medium);--button-font-weight: var(--font-weight_bold);--button-height: 30px;--button-line-height: var(--form-field-line-height);--button-margin: var(--form-field-margin);--button-padding: var(--spacing-1) var(--spacing-5);--button-small-padding: 0.4em 0.8em;--datepicker-font-size: var(--font-size_medium);--dialog-header-height: 36px;--dialog-header-font-size: var(--font-size_medium);--dialog-header-padding: 0 var(--spacing-2);--dialog-transition-duration: 150ms;--elements-window-width: 0px;--elements-window-min-width: 400px;--elements-window-transition-easing: ease-in-out;--form-left-column-width: 35%;--form-right-column-width: 65%;--form-field-margin: var(--spacing-1) 0;--form-field-height: 31px;--form-field-addon-width: 30px;--form-field-border-width: var(--border-width_small);--form-field-border-style: var(--border-style);--form-field-padding: var(--spacing-1) var(--spacing-2);--form-field-font-size: var(--font-size_medium);--form-field-line-height: 1.25;--header-height: 29px;--header-border-bottom: var(--border-default);--icon-button-height: 30px;--icon-button-width: 30px;--icon-button-medium-height: 26px;--icon-button-medium-width: 26px;--icon-button-small-height: 15px;--icon-button-small-width: 15px;--icon-size-xs: 0.75rem;--icon-size-sm: 0.875rem;--icon-size-1x: 1rem;--icon-size-md: 1.3rem;--icon-size-xl: 1.5rem;--icon-size-xxl: 1.6rem;--main-menu-width: 170px;--top-menu-height: 75px;--main-menu-entry-max-width: 110px;--pagination-height: 52px;--select-medium-width: 90px;--select-large-width: 120px;--sidebar-width: 232px;--toolbar-height: 46px;--toolbar-padding: var(--spacing-2) var(--spacing-1)}html{--body-background-color: var(--color-grey_very_light);--border-color: hsla(0deg, 0%, 69%, 0.5);--border-inset-color: hsla(0deg, 0%, 79%, 0.5);--button-bg-color: var(--color-white);--button-border-color: var(--border-color);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 20%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-grey_very_light);--button-hover-border-color: hsla(0deg, 0%, 59%, 0.5);--button-text-color: var(--text-color);--button-text-shadow: none;--button-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);--button-disabled-border-color: var(--button-border-color);--button-secondary-bg-color: var(--color-grey_light);--button-secondary-border-color: var(--border-color);--button-secondary-hover-bg-color: var(--color-white);--button-secondary-hover-border-color: var(--color-grey_medium);--button-secondary-text-color: var(--text-color);--code-background-color: var(--color-grey_light);--code-border-color: var(--border-color);--datepicker-bg-color: var(--color-white);--datepicker-border-color: var(--border-color);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: rgba(0, 0, 0, 0.54);--datepicker-text-hover-color: var(--color-orange_dark);--datepicker-day-hover-bg: var(--color-grey_light);--datepicker-today-border-color: var(--color-grey_dark);--datepicker-today-hover-bg-color: var(--color-grey_dark);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 14%, 0.15);--dialog-overlay-color: hsla(0deg, 0%, 39%, 0.4);--dialog-background-color: var(--color-grey_very_light);--element-editor-background-color: var(--color-grey_very_light);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_dark);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 84%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 84%);--element-toolbar-background-color: var(--color-grey_very_light);--element-toolbar-border-color: var(--color-grey_light);--element-dirty-border-color: hsl(56deg, 67%, 52%);--element-dirty-header-color: hsl(56deg, 100%, 93%);--focus-color: hsla(28deg, 77%, 68%, 0.75);--form-field-addon-background-color: var(--color-grey_light);--form-field-background-color: var(--color-white);--form-field-border-color: var(--border-color) var(--border-color) var(--border-inset-color) var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--color-grey_light);--form-field-label-color: var(--text-color);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: var(--form-field-text-color);--form-field-disabled-bg-color: transparent;--form-field-error-bg-color: hsl(0deg, 47%, 96%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 69%, 0.5);--header-background: hsl(0deg, 0%, 85%);--hint-background-color: var(--color-yellow_light);--hint-border-color: var(--color-grey_light);--hint-text-color: hsl(49deg, 18%, 30%);--hint-text-link-color: var(--color-grey_very_dark);--icon-button-linked-color: hsla(42deg, 100%, 74%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 64%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 64%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 54%);--icon-button-hover-bg-color: hsla(0deg, 0%, 69%, 0.5);--icon-color: hsla(224deg, 23%, 26%, 0.75);--image-overlay-box-shadow: -4px 0 4px 0px var(--text-color);--image-overlay-hover-bg-color: var(--color-grey_light);--list-filter-background-color: hsla(0deg, 0%, 100%, 0.25);--list-filter-focus-background-color: var(--color-white);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 88%);--notice-success-border-color: hsl(127deg, 25%, 69%);--notice-success-text-color: hsl(128deg, 32%, 26%);--notice-info-background-color: hsl(215deg, 63%, 87%);--notice-info-border-color: hsl(222deg, 25%, 61%);--notice-info-text-color: hsl(225deg, 53%, 29%);--notice-warning-background-color: hsl(56deg, 68%, 85%);--notice-warning-border-color: hsl(55deg, 25%, 69%);--notice-warning-text-color: hsl(56deg, 53%, 29%);--notice-error-background-color: hsl(0deg, 47%, 88%);--notice-error-border-color: hsl(0deg, 25%, 69%);--notice-error-text-color: hsl(0deg, 51%, 42%);--pagination-background-color: var(--color-grey_very_light);--pagination-border-color: var(--border-color);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: #c0c0c0;--panel-background-color: var(--color-grey_light);--panel-border-color: var(--border-color);--picture-tool-background-color: var(--color-white);--picture-tool-hover-background-color: var(--color-grey_very_light);--scrollbar-thumb-color: var(--color-white);--scrollbar-track-color: var(--color-grey_light);--search-field-background-color: var(--color-grey_very_light);--select-background-color: var(--form-field-background-color);--select-border-color: var(--border-inset-color);--select-text-color: var(--form-field-text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--border-color);--select-hover-text-color: var(--color-white);--select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: transparent;--select-disabled-border-color: var(--border-inset-color);--select-disabled-text-color: var(--select-text-color);--select-dropdown-background-color: var(--color-white);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.15);--select-dropdown-border-color: var(--color-grey_very_light);--sidebar-background-color: var(--color-grey_very_light);--sitemap-page-background-color: hsla(0deg, 0%, 100%, 0.75);--sitemap-page-hover-color: hsla(60deg, 81%, 92%, 0.5);--sitemap-info-background-color: hsla(0deg, 0%, 100%, 0.5);--sitemap-highlight-color: hsla(57deg, 100%, 82%, 0.5);--table-border-color: var(--color-grey_light);--table-row-even-background-color: var(--color-white);--table-row-odd-background-color: hsla(0deg, 0%, 100%, 0.5);--table-row-hover-color: hsla(60deg, 81%, 92%, 0.5);--tag-background-color: var(--color-grey_light);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-hover-background-color: var(--color-grey_medium);--tag-active-background-color: var(--color-blue_medium);--tag-active-text-color: var(--color-grey_very_light);--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(255, 255, 255, 0.95)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: hsla(224deg, 23%, 26%, 0.8);--text-color-muted: hsla(224deg, 23%, 26%, 0.6);--text-link-color: var(--color-orange_very_dark);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 100%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--color-grey_light) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--color-grey_light) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--color-grey_light) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--color-grey_light) 75%) 0 0.5em/1em 1em var(--color-grey_medium);--toolbar-bg-color: var(--color-grey_light);--toolbar-border-bottom: var(--border-default);--toolbar-spacer-color: var(--border-color);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) var(--color-grey_light);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--color-grey_light);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--color-red_medium);--file-upload-text-color: var(--text-color);--file-upload_background-color: hsla(0deg, 0%, 80%, 0.8);--file-upload_single-upload-background-color: var(--color-grey_light);--file-upload_progress-track-color: var(--color-blue_very_light);--file-upload_progress-indicator-color: var(--color-blue_dark);--file-upload_progress-indicator-color-canceled: hsla(0deg, 0%, 60%, 0.8);--file-upload_progress-indicator-color-failed: var(--color-red_medium);--file-upload_progress-indicator-color-invalid: var(--color-red_medium);--file-upload_progress-indicator-color-successful: var(--color-green_medium);--file-upload_progress-indicator-color-upload-finished: var( --color-blue_dark );--sl-color-primary-50: var(--color-blue_very_light);--sl-color-primary-100: var(--color-blue_very_light);--sl-color-primary-200: var(--color-blue_light);--sl-color-primary-300: var(--color-blue_light);--sl-color-primary-400: var(--color-blue_medium);--sl-color-primary-500: var(--color-blue_medium);--sl-color-primary-600: var(--color-blue_dark);--sl-color-primary-700: var(--color-blue_dark);--sl-color-primary-800: var(--color-blue_dark);--sl-color-primary-900: var(--color-blue_dark);--sl-color-primary-950: var(--color-blue_dark);--sl-color-neutral-50: var(--color-grey_very_light);--sl-color-neutral-100: var(--color-grey_very_light);--sl-color-neutral-200: var(--color-grey_light);--sl-color-neutral-300: var(--color-grey_light);--sl-color-neutral-400: var(--color-grey_medium);--sl-color-neutral-500: var(--color-grey_medium);--sl-color-neutral-600: var(--color-grey_dark);--sl-color-neutral-700: var(--color-grey_dark);--sl-color-neutral-800: var(--color-grey_very_dark);--sl-color-neutral-900: var(--color-grey_very_dark);--sl-color-neutral-950: var(--color-grey_very_dark)}

data/app/assets/builds/alchemy/preview.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- window.Alchemy=Alchemy\|\|{},Object.assign(Alchemy,{ElementSelector:{styles:{reset:{outline:"","outline-offset":"",cursor:""},hover:{outline:"2px dashed #f0b437","outline-offset":"4px",cursor:"pointer"},selected:{outline:"2px dashed #90b9d0","outline-offset":"4px"}},init(){window.addEventListener("message",(e=>{switch(e.data.message){case"Alchemy.blurElements":this.blurElements();break;case"Alchemy.focusElement":this.focusElement(e.data);break;default:console.info("Received unknown message!",e.data)}})),this.elements=Array.from(document.querySelectorAll("[data-alchemy-element]")),this.elements.forEach((e=>{e.addEventListener("mouseover",(()=>{e.classList.contains("selected")\|\|Object.assign(e.style,this.getStyle("hover"))})),e.addEventListener("mouseout",(()=>{e.classList.contains("selected")\|\|Object.assign(e.style,this.getStyle("reset"))})),e.addEventListener("click",(t=>{t.stopPropagation(),t.preventDefault(),this.selectElement(e),this.focusElementEditor(e)}))}))},selectElement(e){this.blurElements(e),e.classList.add("selected"),Object.assign(e.style,this.getStyle("selected")),e.scrollIntoView({behavior:"smooth",block:"start"})},blurElements(e){this.elements.forEach((t=>{t!==e&&(t.classList.remove("selected"),Object.assign(t.style,this.getStyle("reset")))}))},focusElement(e){const t=this.getElement(e.element_id);return t?this.selectElement(t):console.warn("Could not focus element with id",e.element_id)},getElement(e){return this.elements.find((t=>t.dataset.alchemyElement===e.toString()))},focusElementEditor(e){const t=e.dataset.alchemyElement;window.parent.postMessage({message:"Alchemy.focusElementEditor",element_id:t},window.location.origin)},getStyle(e){return"reset"===e?this.styles.reset:this.styles[e]}}}),Alchemy.ElementSelector.init();
1	+ window.Alchemy=Alchemy\|\|{},Object.assign(Alchemy,{ElementSelector:{styles:{reset:{outline:"","outline-offset":"",cursor:""},hover:{outline:"2px dashed #f0b437","outline-offset":"4px",cursor:"pointer"},selected:{outline:"2px dashed #90b9d0","outline-offset":"4px"}},init(){window.addEventListener("message",(e=>{switch(e.data.message){case"Alchemy.blurElements":this.blurElements();break;case"Alchemy.focusElement":this.focusElement(e.data);break;default:console.info("Received unknown message!",e.data)}})),this.elements=Array.from(document.querySelectorAll("[data-alchemy-element]")),this.elements.forEach((e=>{e.addEventListener("mouseover",(()=>{e.classList.contains("selected")\|\|Object.assign(e.style,this.getStyle("hover"))})),e.addEventListener("mouseout",(()=>{e.classList.contains("selected")\|\|Object.assign(e.style,this.getStyle("reset"))})),e.addEventListener("click",(t=>{t.stopPropagation(),t.preventDefault(),this.selectElement(e),this.focusElementEditor(e)}))}))},selectElement(e){this.blurElements(e),e.classList.add("selected"),Object.assign(e.style,this.getStyle("selected")),e.scrollIntoView({behavior:"smooth",block:"start"})},blurElements(e){this.elements.forEach((t=>{t!==e&&(t.classList.remove("selected"),Object.assign(t.style,this.getStyle("reset")))}))},focusElement(e){const t=this.getElement(e.element_id);return t?this.selectElement(t):console.warn("Could not focus element with id",e.element_id)},getElement(e){return this.elements.find((t=>t.dataset.alchemyElement===e.toString()))},focusElementEditor(e){const t=e.dataset.alchemyElement;window.parent.postMessage({message:"Alchemy.focusElementEditor",element_id:t},window.location.origin)},getStyle(e){return"reset"===e?this.styles.reset:this.styles[e]}}}),Alchemy.ElementSelector.init(),window.parent.postMessage({message:"Alchemy.previewReady"},window.location.origin);

data/app/assets/builds/alchemy/theme.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--a-lightest-grey: hsl(200deg, 5%, 90%);--a-lighter-grey: hsl(200deg, 5%, 70%);--a-light-grey: hsl(200deg, 5%, 35%);--a-grey: hsl(200deg, 5%, 22.5%);--a-dark-grey: hsl(200deg, 5%, 17.5%);--a-darker-grey: hsl(200deg, 5%, 15%);--a-darkest-grey: hsl(200deg, 5%, 12.5%);--color-blue_very_light: hsl(203deg, 32%, 97%);--color-blue_light: hsl(203deg, 32%, 85%);--color-blue_medium: hsl(212deg, 52%, 36%);--color-blue_dark: hsl(212deg, 52%, 26%);--color-green_very_light: hsl(88deg, 47%, 88%);--color-green_light: hsl(127deg, 25%, 69%);--color-green_medium: hsl(127deg, 25%, 48%);--color-green_dark: hsl(128deg, 32%, 26%);--color-yellow_light: hsl(60deg, 81%, 92%);--color-yellow_medium: hsl(56deg, 68%, 85%);--color-yellow_dark: hsl(56deg, 53%, 29%);--color-orange_medium: hsl(42deg, 100%, 74%);--color-orange_dark: hsl(28deg, 77%, 68%);--color-orange_very_dark: hsl(28deg, 77%, 48%);--color-red_very_light: hsl(0deg, 47%, 88%);--color-red_light: hsl(0deg, 25%, 69%);--color-red_medium: hsl(0deg, 51%, 42%);--color-red_dark: hsl(0deg, 51%, 25%);--color-grey_very_light: hsl(0deg, 0%, 97%);--color-grey_light: hsl(0deg, 0%, 94%);--color-grey_medium: hsl(0deg, 0%, 78%);--color-grey_dark: hsl(0deg, 0%, 40%);--color-grey_very_dark: hsl(0deg, 0%, 20%);--color-white: hsl(0deg, 0%, 100%);--spacing-0: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-mono: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;--font-sans: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;--font-size_small: 10px;--font-size_medium: 12px;--font-size_large: 16px;--font-weight_normal: 500;--font-weight_bold: 700;--font-default: var(--font-size_medium) var(--font-sans);--border-radius_medium: 3px;--border-width_small: 1px;--border-style: solid;--border-default: var(--border-width_small) var(--border-style) var(--border-color);--transition-duration: 250ms;--transition-easing: linear;--button-border-radius: var(--border-radius_medium);--button-border-style: var(--border-style);--button-border-width: var(--border-width_small);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-color);--button-font-size: var(--font-size_medium);--button-font-weight: var(--font-weight_bold);--button-height: 30px;--button-line-height: var(--form-field-line-height);--button-margin: var(--form-field-margin);--button-padding: var(--spacing-1) var(--spacing-5);--button-small-padding: 0.4em 0.8em;--datepicker-font-size: var(--font-size_medium);--dialog-header-height: 36px;--dialog-header-font-size: var(--font-size_medium);--dialog-header-padding: 0 var(--spacing-2);--dialog-transition-duration: 150ms;--elements-window-width: 0px;--elements-window-min-width: 400px;--elements-window-transition-easing: ease-in-out;--form-left-column-width: 35%;--form-right-column-width: 65%;--form-field-margin: var(--spacing-1) 0;--form-field-height: 31px;--form-field-addon-width: 30px;--form-field-border-width: var(--border-width_small);--form-field-border-style: var(--border-style);--form-field-padding: var(--spacing-1) var(--spacing-2);--form-field-font-size: var(--font-size_medium);--form-field-line-height: 1.25;--header-height: 29px;--header-border-bottom: var(--border-default);--icon-button-height: 30px;--icon-button-width: 30px;--icon-button-medium-height: 26px;--icon-button-medium-width: 26px;--icon-button-small-height: 15px;--icon-button-small-width: 15px;--icon-size-xs: 0.75rem;--icon-size-sm: 0.875rem;--icon-size-1x: 1rem;--icon-size-md: 1.3rem;--icon-size-xl: 1.5rem;--icon-size-xxl: 1.6rem;--main-menu-width: 170px;--top-menu-height: 75px;--main-menu-entry-max-width: 110px;--pagination-height: 52px;--select-medium-width: 90px;--select-large-width: 120px;--sidebar-width: 232px;--toolbar-height: 46px;--toolbar-padding: var(--spacing-2) var(--spacing-1)}@media(prefers-color-scheme: dark){html{--body-background-color: var(--a-dark-grey);--border-color: var(--a-darker-grey);--border-inset-color: var(--a-grey);--button-bg-color: var(--color-blue_dark);--button-border-color: var(--color-blue_medium);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 10%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-blue_medium);--button-hover-border-color: var(--color-blue_medium);--button-text-color: var(--color-white);--button-text-shadow: none;--button-disabled-bg-color: var(--a-dark-grey);--button-disabled-border-color: var(--a-grey);--button-secondary-bg-color: var(--a-darker-grey);--button-secondary-border-color: var(--a-grey);--button-secondary-hover-bg-color: var(--a-dark-grey);--button-secondary-hover-border-color: var(--a-grey);--button-secondary-text-color: var(--color-white);--code-background-color: var(--a-darkest-grey);--code-border-color: var(--a-grey);--datepicker-bg-color: var(--a-dark-grey);--datepicker-border-color: var(--a-grey);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: var(--a-lighter-grey);--datepicker-text-hover-color: var(--color-orange_medium);--datepicker-day-hover-bg: var(--a-grey);--datepicker-today-border-color: var(--a-light-grey);--datepicker-today-hover-bg-color: var(--a-light-grey);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 0%, 0.5);--dialog-overlay-color: hsla(0deg, 0%, 10%, 0.8);--dialog-background-color: var(--a-dark-grey);--element-editor-background-color: var(--a-dark-grey);--element-editor-border-color: var(--a-darkest-grey);--element-editor-dragged-background-color: var(--color-blue_medium);--element-editor-dragged-border-color: var(--color-orange_dark);--element-editor-hover-box-shadow-color: var(--a-darkest-grey);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_medium);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 20%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 30%);--element-toolbar-background-color: var(--a-dark-grey);--element-toolbar-border-color: var(--a-darker-grey);--element-dirty-border-color: hsl(55deg, 67%, 45%);--element-dirty-header-color: hsl(55deg, 45%, 15%);--elements-window-handle-dragged-background-color: var(--color-orange_dark);--droppable-elements-background-color: var(--color-blue_dark);--nestable-elements-background-color: var(--a-dark-grey);--nestable-elements-box-shadow-color: var(--a-darkest-grey);--focus-color: var(--color-orange_dark);--form-field-addon-background-color: var(--a-darker-grey);--form-field-background-color: var(--a-darkest-grey);--form-field-border-color: var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--a-dark-grey);--form-field-label-color: var(--text-color-muted);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: hsl(0deg, 0%, 53%);--form-field-disabled-bg-color: hsla(0deg, 0%, 20%, 0.5);--form-field-error-bg-color: hsl(0deg, 47%, 10%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 30%, 0.5);--header-background: var(--a-darkest-grey);--hint-background-color: hsl(55deg, 20%, 25%);--hint-border-color: hsla(55deg, 20%, 50%, 0.5);--hint-text-color: hsl(55deg, 20%, 75%);--hint-text-link-color: hsla(0deg, 0%, 100%, 0.85);--icon-button-linked-color: hsla(42deg, 100%, 40%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 50%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 50%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 60%);--icon-button-hover-bg-color: var(--a-darkest-grey);--icon-color: var(--a-lighter-grey);--image-overlay-box-shadow: -4px 0 4px 0px hsla(0deg, 0%, 0%, 0.5);--image-overlay-hover-bg-color: var(--a-darker-grey);--list-filter-background-color: var(--form-field-background-color);--list-filter-focus-background-color: var(--form-field-background-color);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 20%);--notice-success-border-color: hsl(127deg, 25%, 30%);--notice-success-text-color: hsl(127deg, 42%, 65%);--notice-info-background-color: hsl(215deg, 63%, 20%);--notice-info-border-color: hsl(225deg, 25%, 30%);--notice-info-text-color: hsl(225deg, 55%, 80%);--notice-warning-background-color: hsl(55deg, 70%, 15%);--notice-warning-border-color: hsl(55deg, 25%, 30%);--notice-warning-text-color: hsl(55deg, 53%, 80%);--notice-error-background-color: hsl(0deg, 45%, 15%);--notice-error-border-color: hsl(0deg, 25%, 30%);--notice-error-text-color: hsl(0, 50%, 75%);--pagination-background-color: var(--a-darker-grey);--pagination-border-color: var(--a-dark-grey);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: var(--a-light-grey);--panel-background-color: var(--a-darker-grey);--panel-border-color: var(--a-grey);--picture-thumbnail-background-color: var(--a-dark-grey);--picture-thumbnail-toolbar-bg-color: var(--a-darker-grey);--picture-tool-background-color: var(--a-darker-grey);--picture-tool-hover-background-color: var(--a-darkest-grey);--search-field-background-color: var(--a-dark-grey);--select-background-color: var(--form-field-background-color);--select-border-color: var(--form-field-border-color);--select-text-color: var(--text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--form-field-border-color);--select-hover-text-color: var(--color-white);--select-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(200deg, 5%, 70%)" viewBox="0 0 24 24"><path d="M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: var(--a-darker-grey);--select-disabled-border-color: var(--a-grey);--select-disabled-text-color: var(--a-lighter-grey);--select-dropdown-background-color: var(--a-darker-grey);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.75);--select-dropdown-border-color: var(--a-grey);--sidebar-background-color: var(--a-darker-grey);--sitemap-page-background-color: var(--a-darker-grey);--sitemap-page-hover-color: var(--a-grey);--sitemap-info-background-color: var(--a-darker-grey);--sitemap-highlight-color: var(--a-grey);--table-border-color: var(--border-color);--table-row-even-background-color: var(--a-darker-grey);--table-row-odd-background-color: var(--a-darkest-grey);--table-row-hover-color: var(--a-grey);--tag-background-color: var(--a-grey);--tag-hover-background-color: var(--a-dark-grey);--tag-active-background-color: var(--color-orange_dark);--tag-active-text-color: var(--a-grey);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 22.5%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: var(--a-lightest-grey);--text-color-muted: var(--a-lighter-grey);--text-link-color: var(--color-orange_medium);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 20%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--a-grey) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--a-grey) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--a-grey) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--a-grey) 75%) 0 0.5em/1em 1em var(--a-dark-grey);--toolbar-bg-color: var(--a-darker-grey);--toolbar-border-bottom: 1px solid var(--a-darkest-grey);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) hsla(0deg, 0%, 0%, 0.5);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--border-color);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--notice-error-text-color);--file-upload-text-color: var(--text-color);--file-upload_background-color: var(--a-grey);--file-upload_single-upload-background-color: var(--a-dark-grey);--file-upload_progress-track-color: var(--a-darker-grey);--file-upload_progress-indicator-color: var(--color-blue_medium);--file-upload_progress-indicator-color-canceled: var(--a-grey);--file-upload_progress-indicator-color-failed: var( --notice-error-border-color );--file-upload_progress-indicator-color-invalid: var( --notice-warning-border-color );--file-upload_progress-indicator-color-successful: var( --notice-success-border-color );--file-upload_progress-indicator-color-upload-finished: var( --color-blue_medium );--sl-color-primary-50: var(--color-orange_medium);--sl-color-primary-100: var(--color-orange_medium);--sl-color-primary-200: var(--color-orange_medium);--sl-color-primary-300: var(--color-orange_dark);--sl-color-primary-400: var(--color-orange_dark);--sl-color-primary-500: var(--color-orange_dark);--sl-color-primary-600: var(--color-orange_dark);--sl-color-primary-700: var(--color-orange_very_dark);--sl-color-primary-800: var(--color-orange_very_dark);--sl-color-primary-900: var(--color-orange_very_dark);--sl-color-primary-950: var(--color-orange_very_dark);--sl-color-neutral-50: var(--a-grey);--sl-color-neutral-100: var(--a-grey);--sl-color-neutral-200: var(--a-light-grey);--sl-color-neutral-300: var(--a-light-grey);--sl-color-neutral-400: var(--a-light-grey);--sl-color-neutral-500: var(--a-lighter-grey);--sl-color-neutral-600: var(--a-lighter-grey);--sl-color-neutral-700: var(--a-lighter-grey);--sl-color-neutral-800: var(--a-lightest-grey);--sl-color-neutral-900: var(--a-lightest-grey);--sl-color-neutral-950: var(--a-lightest-grey)}html .select2-container.select2-container-multi .select2-search-choice-close:before,html .select2-container.select2-allowclear .select2-search-choice-close:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>')}}@media(prefers-color-scheme: light){html{--body-background-color: var(--color-grey_very_light);--border-color: hsla(0deg, 0%, 69%, 0.5);--border-inset-color: hsla(0deg, 0%, 79%, 0.5);--button-bg-color: var(--color-white);--button-border-color: var(--border-color);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 20%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-grey_very_light);--button-hover-border-color: hsla(0deg, 0%, 59%, 0.5);--button-text-color: var(--text-color);--button-text-shadow: none;--button-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);--button-disabled-border-color: var(--button-border-color);--button-secondary-bg-color: var(--color-grey_light);--button-secondary-border-color: var(--border-color);--button-secondary-hover-bg-color: var(--color-white);--button-secondary-hover-border-color: var(--color-grey_medium);--button-secondary-text-color: var(--text-color);--code-background-color: var(--color-grey_light);--code-border-color: var(--border-color);--datepicker-bg-color: var(--color-white);--datepicker-border-color: var(--border-color);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: rgba(0, 0, 0, 0.54);--datepicker-text-hover-color: var(--color-orange_dark);--datepicker-day-hover-bg: var(--color-grey_light);--datepicker-today-border-color: var(--color-grey_dark);--datepicker-today-hover-bg-color: var(--color-grey_dark);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 14%, 0.5);--dialog-overlay-color: hsla(0deg, 0%, 39%, 0.4);--dialog-background-color: var(--color-grey_very_light);--element-editor-background-color: var(--color-grey_very_light);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_dark);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 84%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 84%);--element-toolbar-background-color: var(--color-grey_very_light);--element-toolbar-border-color: var(--color-grey_light);--element-dirty-border-color: hsl(56deg, 67%, 52%);--element-dirty-header-color: hsl(56deg, 100%, 93%);--focus-color: hsla(28deg, 77%, 68%, 0.75);--form-field-addon-background-color: var(--color-grey_light);--form-field-background-color: var(--color-white);--form-field-border-color: var(--border-color) var(--border-color) var(--border-inset-color) var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--color-grey_light);--form-field-label-color: var(--text-color);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: hsl(0deg, 0%, 53%);--form-field-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);--form-field-error-bg-color: hsl(0deg, 47%, 96%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 69%, 0.5);--header-background: hsl(0deg, 0%, 85%);--hint-background-color: var(--color-yellow_light);--hint-border-color: var(--color-grey_light);--hint-text-color: hsl(49deg, 18%, 30%);--hint-text-link-color: var(--color-grey_very_dark);--icon-button-linked-color: hsla(42deg, 100%, 74%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 64%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 64%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 54%);--icon-button-hover-bg-color: hsla(0deg, 0%, 69%, 0.5);--icon-color: hsla(224deg, 23%, 26%, 0.75);--image-overlay-box-shadow: -4px 0 4px 0px var(--text-color);--image-overlay-hover-bg-color: var(--color-grey_light);--list-filter-background-color: hsla(0deg, 0%, 100%, 0.25);--list-filter-focus-background-color: var(--color-white);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 88%);--notice-success-border-color: hsl(127deg, 25%, 69%);--notice-success-text-color: hsl(128deg, 32%, 26%);--notice-info-background-color: hsl(215deg, 63%, 87%);--notice-info-border-color: hsl(222deg, 25%, 61%);--notice-info-text-color: hsl(225deg, 53%, 29%);--notice-warning-background-color: hsl(56deg, 68%, 85%);--notice-warning-border-color: hsl(55deg, 25%, 69%);--notice-warning-text-color: hsl(56deg, 53%, 29%);--notice-error-background-color: hsl(0deg, 47%, 88%);--notice-error-border-color: hsl(0deg, 25%, 69%);--notice-error-text-color: hsl(0deg, 51%, 42%);--pagination-background-color: var(--color-grey_very_light);--pagination-border-color: var(--border-color);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: #c0c0c0;--panel-background-color: var(--color-grey_light);--panel-border-color: var(--border-color);--picture-tool-background-color: var(--color-white);--picture-tool-hover-background-color: var(--color-grey_very_light);--search-field-background-color: var(--color-grey_very_light);--select-background-color: var(--form-field-background-color);--select-border-color: var(--border-inset-color);--select-text-color: var(--form-field-text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--border-color);--select-hover-text-color: var(--color-white);--select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: var(--color-grey_very_light);--select-disabled-border-color: var(--border-inset-color);--select-dropdown-background-color: var(--color-white);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.15);--select-dropdown-border-color: var(--color-grey_very_light);--sidebar-background-color: var(--color-grey_very_light);--sitemap-page-background-color: hsla(0deg, 0%, 100%, 0.75);--sitemap-page-hover-color: hsla(60deg, 81%, 92%, 0.5);--sitemap-info-background-color: hsla(0deg, 0%, 100%, 0.5);--sitemap-highlight-color: hsla(57deg, 100%, 82%, 0.5);--table-border-color: var(--color-grey_light);--table-row-even-background-color: var(--color-white);--table-row-odd-background-color: hsla(0deg, 0%, 100%, 0.5);--table-row-hover-color: hsla(60deg, 81%, 92%, 0.5);--tag-background-color: var(--color-grey_light);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-hover-background-color: var(--color-grey_medium);--tag-active-background-color: var(--color-blue_medium);--tag-active-text-color: var(--color-grey_very_light);--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(255, 255, 255, 0.95)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: hsla(224deg, 23%, 26%, 0.8);--text-color-muted: hsla(224deg, 23%, 26%, 0.5);--text-link-color: var(--color-orange_very_dark);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 100%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--color-grey_light) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--color-grey_light) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--color-grey_light) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--color-grey_light) 75%) 0 0.5em/1em 1em var(--color-grey_medium);--toolbar-bg-color: var(--color-grey_light);--toolbar-border-bottom: var(--border-default);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) var(--color-grey_light);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--color-grey_light);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--color-red_medium);--file-upload-text-color: var(--text-color);--file-upload_background-color: hsla(0deg, 0%, 80%, 0.8);--file-upload_single-upload-background-color: var(--color-grey_light);--file-upload_progress-track-color: var(--color-blue_very_light);--file-upload_progress-indicator-color: var(--color-blue_dark);--file-upload_progress-indicator-color-canceled: hsla(0deg, 0%, 60%, 0.8);--file-upload_progress-indicator-color-failed: var(--color-red_medium);--file-upload_progress-indicator-color-invalid: var(--color-red_medium);--file-upload_progress-indicator-color-successful: var(--color-green_medium);--file-upload_progress-indicator-color-upload-finished: var( --color-blue_dark );--sl-color-primary-50: var(--color-blue_very_light);--sl-color-primary-100: var(--color-blue_very_light);--sl-color-primary-200: var(--color-blue_light);--sl-color-primary-300: var(--color-blue_light);--sl-color-primary-400: var(--color-blue_medium);--sl-color-primary-500: var(--color-blue_medium);--sl-color-primary-600: var(--color-blue_dark);--sl-color-primary-700: var(--color-blue_dark);--sl-color-primary-800: var(--color-blue_dark);--sl-color-primary-900: var(--color-blue_dark);--sl-color-primary-950: var(--color-blue_dark);--sl-color-neutral-50: var(--color-grey_very_light);--sl-color-neutral-100: var(--color-grey_very_light);--sl-color-neutral-200: var(--color-grey_light);--sl-color-neutral-300: var(--color-grey_light);--sl-color-neutral-400: var(--color-grey_medium);--sl-color-neutral-500: var(--color-grey_medium);--sl-color-neutral-600: var(--color-grey_dark);--sl-color-neutral-700: var(--color-grey_dark);--sl-color-neutral-800: var(--color-grey_very_dark);--sl-color-neutral-900: var(--color-grey_very_dark);--sl-color-neutral-950: var(--color-grey_very_dark)}}
1	+ :root{--a-lightest-grey: hsl(200deg, 5%, 90%);--a-lighter-grey: hsl(200deg, 5%, 70%);--a-light-grey: hsl(200deg, 5%, 35%);--a-grey: hsl(200deg, 5%, 22.5%);--a-dark-grey: hsl(200deg, 5%, 17.5%);--a-darker-grey: hsl(200deg, 5%, 15%);--a-darkest-grey: hsl(200deg, 5%, 12.5%);--color-blue_very_light: hsl(203deg, 32%, 97%);--color-blue_light: hsl(203deg, 32%, 85%);--color-blue_medium: hsl(212deg, 52%, 36%);--color-blue_dark: hsl(212deg, 52%, 26%);--color-green_very_light: hsl(88deg, 47%, 88%);--color-green_light: hsl(127deg, 25%, 69%);--color-green_medium: hsl(127deg, 25%, 48%);--color-green_dark: hsl(128deg, 32%, 26%);--color-yellow_light: hsl(60deg, 81%, 92%);--color-yellow_medium: hsl(56deg, 68%, 85%);--color-yellow_dark: hsl(56deg, 53%, 29%);--color-orange_medium: hsl(42deg, 100%, 74%);--color-orange_dark: hsl(28deg, 77%, 68%);--color-orange_very_dark: hsl(28deg, 77%, 48%);--color-red_very_light: hsl(0deg, 47%, 88%);--color-red_light: hsl(0deg, 25%, 69%);--color-red_medium: hsl(0deg, 51%, 42%);--color-red_dark: hsl(0deg, 51%, 25%);--color-grey_very_light: hsl(0deg, 0%, 97%);--color-grey_light: hsl(0deg, 0%, 94%);--color-grey_medium: hsl(0deg, 0%, 78%);--color-grey_dark: hsl(0deg, 0%, 40%);--color-grey_very_dark: hsl(0deg, 0%, 20%);--color-white: hsl(0deg, 0%, 100%);--spacing-0: 2px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--font-mono: Menlo, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;--font-sans: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;--font-size_small: 10px;--font-size_medium: 12px;--font-size_large: 16px;--font-weight_normal: 500;--font-weight_bold: 700;--font-default: var(--font-size_medium) var(--font-sans);--border-radius_medium: 3px;--border-width_small: 1px;--border-style: solid;--border-default: var(--border-width_small) var(--border-style) var(--border-color);--transition-duration: 250ms;--transition-easing: linear;--button-border-radius: var(--border-radius_medium);--button-border-style: var(--border-style);--button-border-width: var(--border-width_small);--button-border: var(--button-border-width) var(--button-border-style) var(--button-border-color);--button-font-size: var(--font-size_medium);--button-font-weight: var(--font-weight_bold);--button-height: 30px;--button-line-height: var(--form-field-line-height);--button-margin: var(--form-field-margin);--button-padding: var(--spacing-1) var(--spacing-5);--button-small-padding: 0.4em 0.8em;--datepicker-font-size: var(--font-size_medium);--dialog-header-height: 36px;--dialog-header-font-size: var(--font-size_medium);--dialog-header-padding: 0 var(--spacing-2);--dialog-transition-duration: 150ms;--elements-window-width: 0px;--elements-window-min-width: 400px;--elements-window-transition-easing: ease-in-out;--form-left-column-width: 35%;--form-right-column-width: 65%;--form-field-margin: var(--spacing-1) 0;--form-field-height: 31px;--form-field-addon-width: 30px;--form-field-border-width: var(--border-width_small);--form-field-border-style: var(--border-style);--form-field-padding: var(--spacing-1) var(--spacing-2);--form-field-font-size: var(--font-size_medium);--form-field-line-height: 1.25;--header-height: 29px;--header-border-bottom: var(--border-default);--icon-button-height: 30px;--icon-button-width: 30px;--icon-button-medium-height: 26px;--icon-button-medium-width: 26px;--icon-button-small-height: 15px;--icon-button-small-width: 15px;--icon-size-xs: 0.75rem;--icon-size-sm: 0.875rem;--icon-size-1x: 1rem;--icon-size-md: 1.3rem;--icon-size-xl: 1.5rem;--icon-size-xxl: 1.6rem;--main-menu-width: 170px;--top-menu-height: 75px;--main-menu-entry-max-width: 110px;--pagination-height: 52px;--select-medium-width: 90px;--select-large-width: 120px;--sidebar-width: 232px;--toolbar-height: 46px;--toolbar-padding: var(--spacing-2) var(--spacing-1)}@media(prefers-color-scheme: dark){html{--body-background-color: var(--a-dark-grey);--border-color: var(--a-darker-grey);--border-inset-color: var(--a-grey);--button-bg-color: var(--color-blue_dark);--button-border-color: var(--color-blue_medium);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 10%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-blue_medium);--button-hover-border-color: var(--color-blue_medium);--button-text-color: var(--color-white);--button-text-shadow: none;--button-disabled-bg-color: var(--a-dark-grey);--button-disabled-border-color: var(--a-grey);--button-secondary-bg-color: var(--a-darker-grey);--button-secondary-border-color: var(--a-grey);--button-secondary-hover-bg-color: var(--a-dark-grey);--button-secondary-hover-border-color: var(--a-grey);--button-secondary-text-color: var(--color-white);--code-background-color: var(--a-darkest-grey);--code-border-color: var(--a-grey);--datepicker-bg-color: var(--a-dark-grey);--datepicker-border-color: var(--a-grey);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: var(--a-lighter-grey);--datepicker-text-hover-color: var(--color-orange_medium);--datepicker-day-hover-bg: var(--a-grey);--datepicker-today-border-color: var(--a-light-grey);--datepicker-today-hover-bg-color: var(--a-light-grey);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 0%, 0.5);--dialog-overlay-color: hsla(0deg, 0%, 10%, 0.8);--dialog-background-color: var(--a-dark-grey);--element-editor-background-color: var(--a-dark-grey);--element-editor-border-color: var(--a-darkest-grey);--element-editor-dragged-background-color: var(--color-blue_medium);--element-editor-dragged-border-color: var(--color-orange_dark);--element-editor-hover-box-shadow-color: var(--a-darkest-grey);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_medium);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 20%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 30%);--element-toolbar-background-color: var(--a-dark-grey);--element-toolbar-border-color: var(--a-darker-grey);--element-dirty-border-color: hsl(55deg, 67%, 45%);--element-dirty-header-color: hsl(55deg, 45%, 15%);--elements-window-handle-dragged-background-color: var(--color-orange_dark);--droppable-elements-background-color: var(--color-blue_dark);--nestable-elements-background-color: var(--a-dark-grey);--nestable-elements-box-shadow-color: var(--a-darkest-grey);--focus-color: var(--color-orange_dark);--form-field-addon-background-color: var(--a-darker-grey);--form-field-background-color: var(--a-darkest-grey);--form-field-border-color: var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--a-dark-grey);--form-field-label-color: var(--text-color-muted);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: var(--form-field-text-color);--form-field-disabled-bg-color: transparent;--form-field-error-bg-color: hsl(0deg, 47%, 10%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 30%, 0.5);--header-background: var(--a-darkest-grey);--hint-background-color: hsl(55deg, 20%, 25%);--hint-border-color: hsla(55deg, 20%, 50%, 0.5);--hint-text-color: hsl(55deg, 20%, 75%);--hint-text-link-color: hsla(0deg, 0%, 100%, 0.85);--icon-button-linked-color: hsla(42deg, 100%, 40%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 50%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 50%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 60%);--icon-button-hover-bg-color: var(--a-darkest-grey);--icon-color: var(--a-lighter-grey);--image-overlay-box-shadow: -4px 0 4px 0px hsla(0deg, 0%, 0%, 0.5);--image-overlay-hover-bg-color: var(--a-darker-grey);--list-filter-background-color: var(--form-field-background-color);--list-filter-focus-background-color: var(--form-field-background-color);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 20%);--notice-success-border-color: hsl(127deg, 25%, 30%);--notice-success-text-color: hsl(127deg, 42%, 65%);--notice-info-background-color: hsl(215deg, 63%, 20%);--notice-info-border-color: hsl(225deg, 25%, 30%);--notice-info-text-color: hsl(225deg, 55%, 80%);--notice-warning-background-color: hsl(55deg, 70%, 15%);--notice-warning-border-color: hsl(55deg, 25%, 30%);--notice-warning-text-color: hsl(55deg, 53%, 80%);--notice-error-background-color: hsl(0deg, 45%, 15%);--notice-error-border-color: hsl(0deg, 25%, 30%);--notice-error-text-color: hsl(0, 50%, 75%);--pagination-background-color: var(--a-darker-grey);--pagination-border-color: var(--a-dark-grey);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: var(--a-light-grey);--panel-background-color: var(--a-darker-grey);--panel-border-color: var(--a-grey);--picture-thumbnail-background-color: var(--a-dark-grey);--picture-thumbnail-toolbar-bg-color: var(--a-darker-grey);--picture-tool-background-color: var(--a-darker-grey);--picture-tool-hover-background-color: var(--a-darkest-grey);--scrollbar-thumb-color: var(--a-dark-grey);--scrollbar-track-color: var(--a-darkest-grey);--search-field-background-color: var(--a-dark-grey);--select-background-color: var(--form-field-background-color);--select-border-color: var(--form-field-border-color);--select-text-color: var(--text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--form-field-border-color);--select-hover-text-color: var(--text-color);--select-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="hsl(200deg, 5%, 70%)" viewBox="0 0 24 24"><path d="M11.9997 13.1714L16.9495 8.22168L18.3637 9.63589L11.9997 15.9999L5.63574 9.63589L7.04996 8.22168L11.9997 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: transparent;--select-disabled-border-color: var(--a-grey);--select-disabled-text-color: var(--select-text-color);--select-dropdown-background-color: var(--a-darker-grey);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.75);--select-dropdown-border-color: var(--a-grey);--sidebar-background-color: var(--a-darker-grey);--sitemap-page-background-color: var(--a-darker-grey);--sitemap-page-hover-color: var(--a-grey);--sitemap-info-background-color: var(--a-darker-grey);--sitemap-highlight-color: var(--a-grey);--table-border-color: var(--border-color);--table-row-even-background-color: var(--a-darker-grey);--table-row-odd-background-color: var(--a-darkest-grey);--table-row-hover-color: var(--a-grey);--tag-background-color: var(--a-grey);--tag-hover-background-color: var(--a-dark-grey);--tag-active-background-color: var(--color-orange_dark);--tag-active-text-color: var(--a-grey);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 22.5%)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: var(--a-lightest-grey);--text-color-muted: var(--a-lighter-grey);--text-link-color: var(--color-orange_medium);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 20%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--a-grey) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--a-grey) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--a-grey) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--a-grey) 75%) 0 0.5em/1em 1em var(--a-dark-grey);--toolbar-bg-color: var(--a-darker-grey);--toolbar-border-bottom: 1px solid var(--a-darkest-grey);--toolbar-spacer-color: var(--a-grey);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) hsla(0deg, 0%, 0%, 0.5);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--border-color);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--notice-error-text-color);--file-upload-text-color: var(--text-color);--file-upload_background-color: var(--a-grey);--file-upload_single-upload-background-color: var(--a-dark-grey);--file-upload_progress-track-color: var(--a-darker-grey);--file-upload_progress-indicator-color: var(--color-blue_medium);--file-upload_progress-indicator-color-canceled: var(--a-grey);--file-upload_progress-indicator-color-failed: var( --notice-error-border-color );--file-upload_progress-indicator-color-invalid: var( --notice-warning-border-color );--file-upload_progress-indicator-color-successful: var( --notice-success-border-color );--file-upload_progress-indicator-color-upload-finished: var( --color-blue_medium );--sl-color-primary-50: var(--color-orange_medium);--sl-color-primary-100: var(--color-orange_medium);--sl-color-primary-200: var(--color-orange_medium);--sl-color-primary-300: var(--color-orange_dark);--sl-color-primary-400: var(--color-orange_dark);--sl-color-primary-500: var(--color-orange_dark);--sl-color-primary-600: var(--color-orange_dark);--sl-color-primary-700: var(--color-orange_very_dark);--sl-color-primary-800: var(--color-orange_very_dark);--sl-color-primary-900: var(--color-orange_very_dark);--sl-color-primary-950: var(--color-orange_very_dark);--sl-color-neutral-50: var(--a-grey);--sl-color-neutral-100: var(--a-grey);--sl-color-neutral-200: var(--a-light-grey);--sl-color-neutral-300: var(--a-light-grey);--sl-color-neutral-400: var(--a-light-grey);--sl-color-neutral-500: var(--a-lighter-grey);--sl-color-neutral-600: var(--a-lighter-grey);--sl-color-neutral-700: var(--a-lighter-grey);--sl-color-neutral-800: var(--a-lightest-grey);--sl-color-neutral-900: var(--a-lightest-grey);--sl-color-neutral-950: var(--a-lightest-grey)}html .select2-container.select2-container-multi .select2-search-choice-close:before,html .select2-container.select2-allowclear .select2-search-choice-close:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsl(200deg, 5%, 70%)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>')}}@media(prefers-color-scheme: light){html{--body-background-color: var(--color-grey_very_light);--border-color: hsla(0deg, 0%, 69%, 0.5);--border-inset-color: hsla(0deg, 0%, 79%, 0.5);--button-bg-color: var(--color-white);--button-border-color: var(--border-color);--button-box-shadow: 0 1px 1px -1px hsl(0deg, 0%, 20%);--button-focus-border-color: var(--color-orange_dark);--button-focus-box-shadow: 0 0 0 1px var(--button-focus-border-color);--button-hover-bg-color: var(--color-grey_very_light);--button-hover-border-color: hsla(0deg, 0%, 59%, 0.5);--button-text-color: var(--text-color);--button-text-shadow: none;--button-disabled-bg-color: hsla(0deg, 0%, 100%, 0.5);--button-disabled-border-color: var(--button-border-color);--button-secondary-bg-color: var(--color-grey_light);--button-secondary-border-color: var(--border-color);--button-secondary-hover-bg-color: var(--color-white);--button-secondary-hover-border-color: var(--color-grey_medium);--button-secondary-text-color: var(--text-color);--code-background-color: var(--color-grey_light);--code-border-color: var(--border-color);--datepicker-bg-color: var(--color-white);--datepicker-border-color: var(--border-color);--datepicker-box-shadow: var(--select-dropdown-box-shadow);--datepicker-text-color: var(--text-color);--datepicker-weekday-text-color: rgba(0, 0, 0, 0.54);--datepicker-text-hover-color: var(--color-orange_dark);--datepicker-day-hover-bg: var(--color-grey_light);--datepicker-today-border-color: var(--color-grey_dark);--datepicker-today-hover-bg-color: var(--color-grey_dark);--datepicker-today-hover-text-color: var(--color-white);--datepicker-selected-bg-color: var(--color-blue_medium);--datepicker-selected-text-color: var(--color-white);--dialog-header-color: var(--color-blue_dark);--dialog-header-text-color: var(--color-white);--dialog-box-shadow: 0 var(--spacing-2) var(--spacing-4) hsla(0deg, 0%, 14%, 0.15);--dialog-overlay-color: hsla(0deg, 0%, 39%, 0.4);--dialog-background-color: var(--color-grey_very_light);--element-editor-background-color: var(--color-grey_very_light);--element-header-bg-color: transparent;--element-header-active-bg-color: var(--color-blue_dark);--element-header-active-color: var(--color-white);--element-header-deprecated-bg-color: hsla(29deg, 95%, 84%, 0.25);--element-deprecated-border-color: hsl(29deg, 95%, 84%);--element-toolbar-background-color: var(--color-grey_very_light);--element-toolbar-border-color: var(--color-grey_light);--element-dirty-border-color: hsl(56deg, 67%, 52%);--element-dirty-header-color: hsl(56deg, 100%, 93%);--focus-color: hsla(28deg, 77%, 68%, 0.75);--form-field-addon-background-color: var(--color-grey_light);--form-field-background-color: var(--color-white);--form-field-border-color: var(--border-color) var(--border-color) var(--border-inset-color) var(--border-inset-color);--form-field-box-shadow: inset 0 0 1px var(--color-grey_light);--form-field-label-color: var(--text-color);--form-field-text-color: var(--text-color);--form-field-disabled-text-color: var(--form-field-text-color);--form-field-disabled-bg-color: transparent;--form-field-error-bg-color: hsl(0deg, 47%, 96%);--form-field-error-box-shadow: inset 0 0 1px hsla(0deg, 25%, 69%, 0.5);--header-background: hsl(0deg, 0%, 85%);--hint-background-color: var(--color-yellow_light);--hint-border-color: var(--color-grey_light);--hint-text-color: hsl(49deg, 18%, 30%);--hint-text-link-color: var(--color-grey_very_dark);--icon-button-linked-color: hsla(42deg, 100%, 74%, 0.75);--icon-button-linked-hover-color: hsla(42deg, 100%, 64%, 0.75);--icon-button-linked-border-color: hsl(42deg, 100%, 64%);--icon-button-linked-hover-border-color: hsl(42deg, 100%, 54%);--icon-button-hover-bg-color: hsla(0deg, 0%, 69%, 0.5);--icon-color: hsla(224deg, 23%, 26%, 0.75);--image-overlay-box-shadow: -4px 0 4px 0px var(--text-color);--image-overlay-hover-bg-color: var(--color-grey_light);--list-filter-background-color: hsla(0deg, 0%, 100%, 0.25);--list-filter-focus-background-color: var(--color-white);--main-menu-bg-color: var(--color-blue_dark);--main-menu-active-bg-color: var(--color-orange_dark);--main-menu-active-text-color: var(--color-blue_dark);--main-menu-text-color: var(--color-white);--main-menu-icon-color: var(--color-white);--notice-success-background-color: hsl(88deg, 47%, 88%);--notice-success-border-color: hsl(127deg, 25%, 69%);--notice-success-text-color: hsl(128deg, 32%, 26%);--notice-info-background-color: hsl(215deg, 63%, 87%);--notice-info-border-color: hsl(222deg, 25%, 61%);--notice-info-text-color: hsl(225deg, 53%, 29%);--notice-warning-background-color: hsl(56deg, 68%, 85%);--notice-warning-border-color: hsl(55deg, 25%, 69%);--notice-warning-text-color: hsl(56deg, 53%, 29%);--notice-error-background-color: hsl(0deg, 47%, 88%);--notice-error-border-color: hsl(0deg, 25%, 69%);--notice-error-text-color: hsl(0deg, 51%, 42%);--pagination-background-color: var(--color-grey_very_light);--pagination-border-color: var(--border-color);--pagination-active-bg-color: var(--color-blue_dark);--pagination-active-text-color: var(--color-white);--pagination-disabled-text-color: #c0c0c0;--panel-background-color: var(--color-grey_light);--panel-border-color: var(--border-color);--picture-tool-background-color: var(--color-white);--picture-tool-hover-background-color: var(--color-grey_very_light);--scrollbar-thumb-color: var(--color-white);--scrollbar-track-color: var(--color-grey_light);--search-field-background-color: var(--color-grey_very_light);--select-background-color: var(--form-field-background-color);--select-border-color: var(--border-inset-color);--select-text-color: var(--form-field-text-color);--select-hover-bg-color: var(--color-blue_dark);--select-hover-border-color: var(--border-color);--select-hover-text-color: var(--color-white);--select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');--select-close-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>');--select-disabled-background-color: transparent;--select-disabled-border-color: var(--border-inset-color);--select-disabled-text-color: var(--select-text-color);--select-dropdown-background-color: var(--color-white);--select-dropdown-box-shadow: 0 var(--spacing-2) var(--spacing-2) hsla(0deg, 0%, 0%, 0.15);--select-dropdown-border-color: var(--color-grey_very_light);--sidebar-background-color: var(--color-grey_very_light);--sitemap-page-background-color: hsla(0deg, 0%, 100%, 0.75);--sitemap-page-hover-color: hsla(60deg, 81%, 92%, 0.5);--sitemap-info-background-color: hsla(0deg, 0%, 100%, 0.5);--sitemap-highlight-color: hsla(57deg, 100%, 82%, 0.5);--table-border-color: var(--color-grey_light);--table-row-even-background-color: var(--color-white);--table-row-odd-background-color: hsla(0deg, 0%, 100%, 0.5);--table-row-hover-color: hsla(60deg, 81%, 92%, 0.5);--tag-background-color: var(--color-grey_light);--tag-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="hsla(224deg, 23%, 26%, 0.75)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--tag-hover-background-color: var(--color-grey_medium);--tag-active-background-color: var(--color-blue_medium);--tag-active-text-color: var(--color-grey_very_light);--tag-active-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(255, 255, 255, 0.95)"><path d="M10.9042 2.10025L20.8037 3.51446L22.2179 13.414L13.0255 22.6063C12.635 22.9969 12.0019 22.9969 11.6113 22.6063L1.71184 12.7069C1.32131 12.3163 1.32131 11.6832 1.71184 11.2926L10.9042 2.10025ZM11.6113 4.22157L3.83316 11.9997L12.3184 20.485L20.0966 12.7069L19.036 5.28223L11.6113 4.22157ZM13.7327 10.5855C12.9516 9.80448 12.9516 8.53815 13.7327 7.7571C14.5137 6.97606 15.78 6.97606 16.5611 7.7571C17.3421 8.53815 17.3421 9.80448 16.5611 10.5855C15.78 11.3666 14.5137 11.3666 13.7327 10.5855Z"></path></svg>');--text-color: hsla(224deg, 23%, 26%, 0.8);--text-color-muted: hsla(224deg, 23%, 26%, 0.6);--text-link-color: var(--color-orange_very_dark);--text-shadow-light: 0 0 var(--spacing-1) hsla(0deg, 0%, 100%, 0.5);--thumbnail-background: linear-gradient(45deg, var(--color-grey_light) 25%, transparent 25%) 0.5em 0.5em/1em 1em, linear-gradient(-45deg, var(--color-grey_light) 25%, transparent 25%) -0.5em 0/1em 1em, linear-gradient(45deg, transparent 75%, var(--color-grey_light) 75%) 0 0/1em 1em, linear-gradient(-45deg, transparent 75%, var(--color-grey_light) 75%) 0 0.5em/1em 1em var(--color-grey_medium);--toolbar-bg-color: var(--color-grey_light);--toolbar-border-bottom: var(--border-default);--toolbar-spacer-color: var(--border-color);--tooltip-background-color: var(--color-blue_dark);--tooltip-box-shadow: 0 0 var(--spacing-1) var(--color-grey_light);--tabs_indicator-color: var(--color-orange_dark);--tabs_track-color: var(--color-grey_light);--sl-input-label-color: var(--text-color);--file-upload-failed-text-color: var(--color-red_medium);--file-upload-text-color: var(--text-color);--file-upload_background-color: hsla(0deg, 0%, 80%, 0.8);--file-upload_single-upload-background-color: var(--color-grey_light);--file-upload_progress-track-color: var(--color-blue_very_light);--file-upload_progress-indicator-color: var(--color-blue_dark);--file-upload_progress-indicator-color-canceled: hsla(0deg, 0%, 60%, 0.8);--file-upload_progress-indicator-color-failed: var(--color-red_medium);--file-upload_progress-indicator-color-invalid: var(--color-red_medium);--file-upload_progress-indicator-color-successful: var(--color-green_medium);--file-upload_progress-indicator-color-upload-finished: var( --color-blue_dark );--sl-color-primary-50: var(--color-blue_very_light);--sl-color-primary-100: var(--color-blue_very_light);--sl-color-primary-200: var(--color-blue_light);--sl-color-primary-300: var(--color-blue_light);--sl-color-primary-400: var(--color-blue_medium);--sl-color-primary-500: var(--color-blue_medium);--sl-color-primary-600: var(--color-blue_dark);--sl-color-primary-700: var(--color-blue_dark);--sl-color-primary-800: var(--color-blue_dark);--sl-color-primary-900: var(--color-blue_dark);--sl-color-primary-950: var(--color-blue_dark);--sl-color-neutral-50: var(--color-grey_very_light);--sl-color-neutral-100: var(--color-grey_very_light);--sl-color-neutral-200: var(--color-grey_light);--sl-color-neutral-300: var(--color-grey_light);--sl-color-neutral-400: var(--color-grey_medium);--sl-color-neutral-500: var(--color-grey_medium);--sl-color-neutral-600: var(--color-grey_dark);--sl-color-neutral-700: var(--color-grey_dark);--sl-color-neutral-800: var(--color-grey_very_dark);--sl-color-neutral-900: var(--color-grey_very_dark);--sl-color-neutral-950: var(--color-grey_very_dark)}}

data/app/{views/alchemy/admin/elements/_element.html.erb → components/alchemy/admin/element_editor.html.erb} RENAMED Viewed

@@ -1,57 +1,64 @@
 <alchemy-element-editor
-  id="element_<%= element.id %>"
-  data-element-id="<%= element.id %>"
-  data-element-name="<%= element.name %>"
-  class="<%= element.css_classes.join(" ") %>"
-  <%= element.compact? ? "compact" : nil %>
-  <%= local_assigns[:created] ? "created" : nil %>
-  <%= element.fixed? ? "fixed" : nil %>
+  id="element_<%= id %>"
+  data-element-id="<%= id %>"
+  data-element-name="<%= name %>"
+  filter-text="<%= filter_text %>"
+  class="<%= css_classes.join(" ") %>"
+  <%= compact? ? "compact" : nil %>
+  <%= created ? "created" : nil %>
+  <%= fixed? ? "fixed" : nil %>
 >
-  <% unless element.fixed? %>
+  <% unless fixed? %>
     <%= render 'alchemy/admin/elements/header', element: element %>
   <% end %>
   <%= render 'alchemy/admin/elements/toolbar', element: element %>
-  <% element.definition.message.tap do |message| %>
+  <% definition.message.tap do |message| %>
     <%= render_message(:info, sanitize(message)) if message %>
   <% end %>
-  <% element.definition.warning.tap do |warning| %>
+  <% definition.warning.tap do |warning| %>
     <%= render_message(:warning, sanitize(warning)) if warning %>
   <% end %>
-  <% if element.editable? %>
+  <% if editable? %>
     <%= form_for [alchemy, :admin, element], remote: true,
-      html: {id: "element_#{element.id}_form".html_safe, class: 'element-body'} do |f| %>
+      html: {id: "element_#{id}_form".html_safe, class: 'element-body'} do |f| %>
-      <div id="element_<%= element.id %>_errors" class="element_errors hidden">
+      <div id="element_<%= id %>_errors" class="element_errors hidden">
         <alchemy-icon name="alert"></alchemy-icon>
         <p><%= Alchemy.t(:ingredient_validations_headline) %></p>
       </div>
       <!-- Ingredients -->
-      <% if element.has_ingredients_defined? %>
+      <% if has_ingredients_defined? %>
         <div class="element-ingredient-editors">
-          <%= render element.ingredients.select { !_1.definition.group }, element_form: f %>
+          <%= render Alchemy::Admin::IngredientEditor.with_collection(
+            ungrouped_ingredients,
+            element_form: f
+          ) %>
           <!-- Each ingredient group -->
-          <% element.ingredients.select { _1.definition.group }.group_by { _1.definition.group }.each do |group, ingredients| %>
-            <%= content_tag :details, class: "ingredient-group", id: "element_#{element.id}_ingredient_group_#{group.parameterize.underscore}", is: "alchemy-ingredient-group" do %>
+          <% grouped_ingredients.each do |group, ingredients| %>
+            <%= content_tag :details, class: "ingredient-group", id: "element_#{id}_ingredient_group_#{group.parameterize.underscore}", is: "alchemy-ingredient-group" do %>
               <summary>
-                <%= element.translated_group group %>
+                <%= translated_group group %>
                 <%= render_icon "arrow-left-s" %>
               </summary>
-              <%= render ingredients, element_form: f %>
+              <%= render Alchemy::Admin::IngredientEditor.with_collection(
+                ingredients,
+                element_form: f
+              ) %>
             <% end %>
           <% end %>
         </div>
       <% end %>
-      <% if element.taggable? %>
+      <% if taggable? %>
         <%= render Alchemy::Admin::TagsAutocomplete.new do %>
           <%= f.label :tag_list %>
-          <%= f.text_field :tag_list, value: f.object.tag_list.join(",") %>
+          <%= f.text_field :tag_list, value: f.object.tag_list.join(","), disabled: cannot?(:edit, element) %>
         <% end %>
       <% end %>
     <% end %>
@@ -62,17 +69,15 @@
   <%# We need to render nested elements even if the element is folded,
       because we need the element present in the DOM for the feature
       "click element in the preview => load and expand element editor". %>
-  <% if element.nestable_elements.any? %>
+  <% if nestable_elements.any? %>
     <div class="nestable-elements">
-      <%= content_tag :div,
-        id: "element_#{element.id}_nested_elements",
+      <%= content_tag "alchemy-sortable-elements",
+        id: "element_#{id}_nested_elements",
         class: "nested-elements", data: {
-          'droppable-elements' => element.nestable_elements.join(' '),
-          'element-name' => element.name
+          'droppable-elements' => nestable_elements.join(' '),
+          'element-name' => name
         } do %>
-        <%= render element.all_nested_elements.map { |element|
-          Alchemy::ElementEditor.new(element)
-        } %>
+        <%= render Alchemy::Admin::ElementEditor.with_collection(all_nested_elements, parent_element: self) %>
       <% end %>
       <%= render "alchemy/admin/elements/add_nested_element_form", element: element %>

data/app/components/alchemy/admin/element_editor.rb ADDED Viewed

@@ -0,0 +1,115 @@
+# frozen_string_literal: true
+module Alchemy
+  module Admin
+    class ElementEditor < ViewComponent::Base
+      with_collection_parameter :element
+      attr_reader :element, :created, :parent_element
+      delegate :compact?, :definition, :fixed?, :folded?, :id, :ingredient_definitions,
+        :name, :nestable_elements, :all_nested_elements, :taggable?, :public?, :deprecated?,
+        to: :element
+      delegate :alchemy, :cannot?, :render_icon, :render_message, to: :helpers
+      def initialize(element:, created: false, parent_element: nil)
+        @element = element
+        @created = created
+        @parent_element = parent_element
+      end
+      # CSS classes for the element editor.
+      def css_classes
+        [
+          "element-editor",
+          ingredient_definitions.present? ? "with-ingredients" : "without-ingredients",
+          nestable_elements.any? ? "nestable" : "not-nestable",
+          taggable? ? "taggable" : "not-taggable",
+          folded? ? "folded" : "expanded",
+          compact? ? "compact" : nil,
+          deprecated? ? "deprecated" : nil,
+          fixed? ? "is-fixed" : "not-fixed",
+          public? ? nil : "element-hidden"
+        ]
+      end
+      # Tells us, if we should show the element footer and form inputs.
+      def editable?
+        ingredient_definitions.any? || taggable?
+      end
+      # Are any ingredients defined?
+      # @return [Boolean]
+      def has_ingredients_defined?
+        ingredient_definitions.any?
+      end
+      # Returns ingredient instances for defined ingredients
+      #
+      # Creates ingredient on demand if the ingredient is not yet present on the element
+      #
+      # @return Array<Alchemy::Ingredient>
+      def ingredients
+        ingredient_definitions.map do |ingredient|
+          find_or_create_ingredient(ingredient)
+        end
+      end
+      # Returns ingredients that are not part of any group
+      def ungrouped_ingredients
+        ingredients.reject { _1.definition.group }
+      end
+      # Returns ingredients grouped by their group name
+      #
+      # @return [Hash<String, Array<Alchemy::Ingredient>>]
+      def grouped_ingredients
+        ingredients.select { _1.definition.group }.group_by { _1.definition.group }
+      end
+      # Returns the translated ingredient group for displaying in admin editor group headings
+      #
+      # Translate it in your locale yml file:
+      #
+      #   alchemy:
+      #     element_groups:
+      #       foo: Bar
+      #
+      # Optionally you can scope your ingredient role to an element:
+      #
+      #   alchemy:
+      #     element_groups:
+      #       article:
+      #         foo: Baz
+      #
+      def translated_group(group)
+        Alchemy.t(
+          group,
+          scope: "element_groups.#{element.name}",
+          default: Alchemy.t("element_groups.#{group}", default: group.humanize)
+        )
+      end
+      def display_name
+        parent_element ?
+          "#{parent_element.display_name} > #{element.display_name}"
+          : element.display_name
+      end
+      def filter_text
+        [display_name, element.preview_text].compact_blank.join(" ")
+      end
+      private
+      def find_or_create_ingredient(definition)
+        element.ingredients.detect { _1.role == definition.role } ||
+          element.ingredients.create!(
+            role: definition.role,
+            type: Alchemy::Ingredient.normalize_type(definition.type)
+          )
+      end
+    end
+  end
+end

data/app/components/alchemy/admin/element_select.rb CHANGED Viewed

@@ -11,14 +11,16 @@ module Alchemy
       end
       def call
-        text_field_tag(field_name, nil, {
-          "data-options": elements_options.to_json,
-          "data-placeholder": Alchemy.t(:select_element),
-          is: "alchemy-element-select",
-          autofocus: true,
-          required: true,
-          value: elements.many? ? nil : elements.first&.name
-        })
+        content_tag "alchemy-element-select",
+          options: elements_options.to_json,
+          placeholder: Alchemy.t(:select_element) do
+          text_field_tag(field_name, nil, {
+            autofocus: true,
+            required: true,
+            value: elements.many? ? nil : elements.first&.name,
+            class: "alchemy_selectbox full_width"
+          })
+        end
       end
       private
@@ -28,7 +30,8 @@ module Alchemy
         elements.sort_by(&:name).map do |element|
           {
-            text: Element.display_name_for(element.name),
+            name: Element.display_name_for(element.name),
+            hint: element.hint,
             icon: element.icon_file,
             id: element.name
           }

data/app/components/alchemy/admin/ingredient_editor.rb ADDED Viewed

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+module Alchemy
+  module Admin
+    # Adapter component for rendering ingredient editors.
+    #
+    # Handles both deprecated partial-based editors and component based editors.
+    # Use with_collection for efficient batch rendering of ingredients.
+    #
+    # @example Component based editors (no element_form needed)
+    #   <%= render Alchemy::Admin::IngredientEditor.with_collection(
+    #     element.ungrouped_ingredients
+    #   ) %>
+    #
+    # @example With element_form for deprecated partials
+    #   <%= render Alchemy::Admin::IngredientEditor.with_collection(
+    #     element.ungrouped_ingredients,
+    #     element_form: f
+    #   ) %>
+    #
+    class IngredientEditor < ViewComponent::Base
+      with_collection_parameter :ingredient
+      # @param ingredient [Alchemy::Ingredient] The ingredient to render an editor for
+      # @param element_form [ActionView::Helpers::FormBuilder, nil] Optional form builder for deprecated partials
+      def initialize(ingredient:, element_form: nil)
+        @ingredient = ingredient
+        @element_form = element_form
+      end
+      def call
+        if has_editor_partial?
+          Alchemy::Deprecation.warn <<~WARN
+            Ingredient editor partials are deprecated!
+            Please create a `#{@ingredient.class.name}Editor` class inheriting from `Alchemy::Ingredients::BaseEditor`.
+          WARN
+          Alchemy::Deprecation.silence do
+            render partial: "alchemy/ingredients/#{@ingredient.partial_name}_editor",
+              locals: {element_form: @element_form},
+              object: Alchemy::IngredientEditor.new(@ingredient)
+          end
+        else
+          render @ingredient.as_editor_component
+        end
+      end
+      private
+      def has_editor_partial?
+        helpers.lookup_context.template_exists?("alchemy/ingredients/_#{@ingredient.partial_name}_editor")
+      end
+    end
+  end
+end