@charset "utf-8";

:root { --jer-select-border: #b6b6b6; --jer-select-focus: #777; --jer-select-arrow: #777; --jer-form-border: 1px solid #ededf0; --jer-form-border-focus: 1px solid #e2e2e2; --jer-highlight-color: #b3d8ff; }

.jer-visible { opacity: 1; }

.jer-hidden { opacity: 0; }

.jer-select select { appearance: none; background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(0, 0, 0); cursor: inherit; font-family: inherit; font-size: 0.8em; line-height: inherit; margin: 0px; outline: none; padding: 0px 1em 0px 0px; z-index: 1; }

.jer-select { align-items: center; background-color: rgb(255, 255, 255); background-image: linear-gradient(0deg, rgb(249, 249, 249), rgb(255, 255, 255) 33%); border: 1px solid var(--jer-select-border); border-radius: 0.25em; cursor: pointer; display: grid; grid-template-areas: "select"; line-height: 1.1; max-width: 15ch; min-width: 12ch; padding: 0.25em 0.5em; position: relative; }

.jer-select select, .jer-select::after { grid-area: select; }

.jer-select:not(.jer-select--multiple)::after { background-color: var(--jer-select-arrow); clip-path: polygon(100% 0px, 0px 0px, 50% 100%); content: ""; height: 0.5em; justify-self: end; width: 0.8em; }

select:focus + .focus { border: 1px solid var(--jer-select-focus); border-radius: inherit; inset: -1px; position: absolute; }

.jer-select-inner { text-overflow: ellipsis; width: 100%; }

.jer-editor-container { border-radius: 0.5em; font-size: 16px; line-height: 1; padding: 1em 1em 1em 2em; position: relative; text-align: left; }

.jer-editor-container textarea { border: var(--jer-form-border); border-radius: 0.3em; color: var(--jer-input-color); outline: none; }

.jer-editor-container textarea:focus { border: var(--jer-form-border-focus); }

.jer-editor-container input { border: var(--jer-form-border); border-radius: 0.3em; font-family: inherit; outline: none; }

.jer-editor-container input:focus { border: var(--jer-form-border-focus); }

.jer-editor-container ::selection { background-color: var(--jer-highlight-color); }

.jer-collection-header-row, .jer-value-main-row { align-items: center; display: flex; gap: 0.3em; min-height: 1.7em; }

.jer-collection-header-row { display: flex; flex-wrap: wrap; }

.jer-collapse-icon { left: -1.2em; position: absolute; top: 0.35em; }

.jer-collection-inner { position: relative; }

.jer-collection-text-edit { align-items: flex-start; display: flex; flex-direction: column; gap: 0.3em; line-height: 1.1em; }

.jer-collection-text-area { font-family: inherit; font-size: 0.85em; max-height: 40em; overflow: hidden; padding: 0.2em 0.5em 0px; resize: both; }

.jer-collection-input-button-row { display: flex; font-size: 150%; justify-content: flex-end; margin-top: 0.4em; width: 100%; }

.jer-collection-error-row { bottom: 0.5em; position: absolute; }

.jer-error-slug { margin-left: 1em; }

.jer-value-component { position: relative; }

.jer-value-main-row { display: flex; gap: 0px; }

.jer-value-and-buttons { align-items: center; display: flex; justify-content: flex-start; padding-left: 0.5em; }

.jer-value-error-row { position: absolute; }

.jer-value-string { line-height: 1.3em; overflow-wrap: anywhere; white-space: pre-wrap; word-break: break-word; }

.jer-string-expansion { cursor: pointer; filter: saturate(50%); opacity: 0.6; }

.jer-show-less { font-size: 80%; }

.jer-hyperlink { text-decoration: underline; }

.jer-input-text { font-family: inherit; font-size: 0.9em; height: 1.4em; line-height: 1.2em; margin: 0px; min-width: 6em; overflow: hidden; padding: 0.25em 0.5em 0.2em; resize: none; }

.jer-input-boolean { margin-left: 0.3em; margin-right: 0.3em; transform: scale(1.5); }

.jer-key-text { line-height: 1.1em; white-space: pre-wrap; word-break: break-word; }

.jer-key-edit { font-size: 0.9em; padding: 0px 0.3em; }

.jer-value-invalid { font-style: italic; opacity: 0.5; }

.jer-input-number { font-size: 90%; min-width: 3em; }

.jer-confirm-buttons, .jer-edit-buttons { align-items: center; cursor: pointer; display: flex; height: 1em; }

.jer-input-buttons { gap: 0.4em; }

.jer-edit-buttons { gap: 0.4em; margin-left: 0.5em; opacity: 0; }

.jer-confirm-buttons { gap: 0.2em; margin-left: 0.4em; }

.jer-edit-buttons:hover { opacity: 1; position: relative; }

.jer-collection-header-row:hover > .jer-edit-buttons, .jer-value-and-buttons:hover > .jer-edit-buttons, .jer-value-main-row:hover > .jer-edit-buttons { opacity: 1; }

.jer-copy-pulse { position: relative; transition: 0.3s; }

.jer-copy-pulse:hover { opacity: 0.85; transform: scale(1.2); transition: 0.3s; }

.jer-copy-pulse::after { border-radius: 50%; box-shadow: 0 0 15px 5px var(--jer-icon-copy-color); content: ""; display: block; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: 0.5s; width: 100%; }

.jer-copy-pulse:active::after { border-radius: 4em; box-shadow: 0 0 0 0 var(--jer-icon-copy-color); left: 0px; opacity: 1; position: absolute; top: 0px; transition: all; }

.jer-copy-pulse:active { top: 0.07em; }

.jer-rotate-90 { transform: rotate(-90deg); }

.jer-icon:hover { opacity: 0.85; transform: scale(1.2); transition: 0.3s; }

.jer-empty-string { font-size: 90%; font-style: italic; }

.jer-drag-n-drop-padding { border: 1px dashed rgb(224, 224, 224); border-radius: 0.3em; height: 0.5em; }

.jer-clickzone { height: calc(100% - 0.8em); left: -1em; position: absolute; top: 1.2em; }