:root{--header-height: 40px;--page-padding: 20px;--secondary-fill-colour: #f0f0f0;--secondary-text-colour: #333;--requires-manual-sync-colour-primary-blue-rgb: 28, 126, 214;--colour-primary-blue-rgb: var(--requires-manual-sync-colour-primary-blue-rgb);--colour-primary-blue: rgb(var(--requires-manual-sync-colour-primary-blue-rgb));--colour-border-blue: var(--mantine-color-blue-6);--colour-secondary-blue: rgb(34, 139, 230);--colour-tertiary-blue: rgb(95, 175, 255);--colour-quaternary-blue: var(--mantine-color-blue-1);--colour-danger-background: var(--mantine-color-red-9);--colour-danger-background-hover: var(--mantine-color-red-8);--colour-danger-text: var(--mantine-color-white);--requires-manual-sync-colour-error: rgb(250, 82, 82);--colour-error: var(--requires-manual-sync-colour-error);--requires-manual-sync-colour-invalid: rgb(255, 168, 168);--colour-invalid: var(--requires-manual-sync-colour-invalid);--colour-invalid-fainter: rgb(255, 214, 214);--requires-manual-sync-colour-warning: rgb(255, 192, 120);--colour-warning: var(--requires-manual-sync-colour-warning);--colour-warning-fainter: rgb(255, 227, 191);--colour-border: #dee2e6;--colour-border-fainter: #e6e6e6;--colour-success: rgb(47, 158, 68);--colour-quaternary-green: var(--mantine-color-green-1);--colour-background-light: #f8f9fa;--colour-link: rgb(25, 118, 210);--z-index-header: 200;--z-index-modal-save: 301;--z-index-modal-search: 302;--z-index-modal-welcome: 303;--z-index-full-screen-game-loading: 400;--z-index-full-screen-game: 401;--z-index-full-screen-game-close-button: 402;--z-index-notifications: 501;--z-index-wikisim-select-label: 1;--radius-border: 5px;--vgap-large: 20px;--vgap-mid: 12px;--vgap-small: 5px;--hgap-large: 20px;--hgap-mid: 10px;--padding-v-text-box: 4px;--padding-h-text-box: 10px;--padding-text-box: var(--padding-v-text-box) var(--padding-h-text-box);--width-for-fixed-buttons: 50px;--max-column-width: 700px;--common-indent-size: 20px;--font-family-monospace: Menlo, Monaco, "Courier New", monospace}a{color:var(--colour-link)}.vertical-gap{padding-top:var(--vgap-large)}.main-app-container{margin-top:var(--header-height)}.page-container{padding:var(--page-padding)}.row{display:flex;flex-direction:row;max-width:100%;flex-wrap:wrap;flex:1 1;column-gap:var(--hgap-large)}.column{display:flex;flex-direction:column;flex:1 1;gap:var(--vgap-large)}.row_to_column{display:flex;flex-direction:row;flex:1 1;gap:var(--vgap-large)}@media (max-width: 800px){.row_to_column{flex-direction:column}}.mantine-Checkbox-labelWrapper label{padding-inline-start:calc(var(--hgap-mid) - 2px)}.scenario-content .mantine-Checkbox-inner,.mantine-Checkbox-inner{margin-top:auto;margin-bottom:auto}.make-pre-text-wrap{white-space:pre-wrap;word-break:break-word}.text-editor-v1,.tiptap-editor-container,.code-editor-container,.wikisim-select{position:relative}.text-editor-v1 textarea,.text-editor-v1 input,.tiptap-editor-container,.code-editor-container{border-radius:var(--radius-border);border:none;border:1px solid #ced4da}.text-editor-v1.is_focused textarea,.text-editor-v1.is_focused input,.tiptap-editor-container.is_focused,.code-editor-container.is_focused{border:1px solid var(--colour-tertiary-blue);outline:none}.text-editor-v1 label,.tiptap-editor-container label,.code-editor-container label,.wikisim-select label{position:absolute;left:12px;font-size:16px;color:#868e96;background:#fff;padding:0;pointer-events:none;transition:all .2s;border-radius:3px}.text-editor-v1.is_focused label,.tiptap-editor-container.is_focused label,.code-editor-container.is_focused label{color:var(--colour-secondary-blue)}.text-editor-v1.has_value label,.text-editor-v1.is_focused label,.tiptap-editor-container.has_value label,.tiptap-editor-container.is_focused label,.code-editor-container.has_value label,.code-editor-container.is_focused label,.wikisim-select.has_value label{top:-10px;font-size:12px;padding:0 4px}.error-icon{position:absolute;right:10px;top:10px;color:var(--mantine-color-red-6)}.text-editor-v1.invalid_value label,.tiptap-editor-container.invalid_value label{color:var(--mantine-color-red-6);font-weight:500}.text-editor-v1.invalid_value textarea,.text-editor-v1.invalid_value input,.tiptap-editor-container.invalid_value{border:1px solid var(--colour-invalid);background-color:var(--colour-invalid-fainter)!important}.text-editor-v1.invalid_value.is_focused textarea,.text-editor-v1.invalid_value.is_focused input,.tiptap-editor-container.invalid_value.is_focused{border:1px solid var(--mantine-color-red-6);background-color:var(--mantine-color-red-1)!important}.mention-chip{color:var(--colour-link);text-decoration:underline;font-size:.9em;cursor:pointer;margin:0 2px}.mention-chip.alternative-value{color:orange}.mention-chip:hover{background:#bbdefb}.mention-chip .mention-label{color:var(--colour-link)}.component-ids-should-have-versions .mention-chip.IDo,.component-ids-should-have-versions .mention-chip.IDo .mention-label,.component-ids-should-not-have-versions .mention-chip.IDv,.component-ids-should-not-have-versions .mention-chip.IDv .mention-label{color:var(--colour-error)}.tiptap-editor-container label{top:5px}.editor-content{padding:var(--padding-text-box);cursor:text}.ProseMirror{outline:none}.tiptap-content-parent{width:100%}.tiptap-content{line-height:1.2;color:#374151}.tiptap-content p{margin:.45rem 0;min-height:1em}.tiptap-content h1{font-size:1.875rem;font-weight:700;margin:.5rem 0}.tiptap-content h2{font-size:1.5rem;font-weight:600;margin:.5rem 0}.tiptap-content h3{font-size:1.25rem;font-weight:600;margin:.5rem 0}.tiptap-content ul,.tiptap-content ol{margin:.5rem 0;padding-left:1.5rem}.tiptap-content li{margin:.25rem 0}.tiptap-content li p{margin:0}.tiptap-content blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin:.5rem 0;font-style:italic}.tiptap-content code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.tiptap-content pre{background-color:#f3f4f6;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:.5rem 0}.tiptap-content pre code{background:none;padding:0}.single-line .ProseMirror{white-space:nowrap;overflow-x:auto}.single-line .tiptap-content p{margin:0}.ProseMirror.tiptap-content.is_code{font-family:monospace;overflow-x:auto;white-space:pre;display:block;width:100%}.ProseMirror.tiptap-content.is_code [contenteditable=false]{white-space:nowrap}.editor-link{color:var(--colour-link);text-decoration:underline}.text-editor-v1{margin-top:var(--vgap-small);display:flex;flex:1 1}.text-editor-v1 textarea,.text-editor-v1 input{flex:1 1;font-size:16px;transition:border .2s;resize:none}.text-editor-v1 textarea{padding:var(--padding-text-box);overflow-y:scroll}.text-editor-v1 input{padding:var(--padding-text-box)}.text-editor-v1 label{top:5px}.data-component-edit-form-container{display:flex;flex-direction:row;gap:20px;justify-content:space-between}.data-component-form-column{max-width:var(--max-column-width)}.data-component-form.editable .tiptap-editor-container{background-color:var(--primary-fill-color)}.data-component-form.view-only .tiptap-editor-container{background-color:var(--secondary-fill-colour)}.data-component-form.view-only .tiptap-editor-container,.data-component-form.view-only .editor-content,.data-component-form.view-only .tiptap-content{cursor:default}.buttons-container-spacer{width:var(--width-for-fixed-buttons);flex:0 0 var(--width-for-fixed-buttons)}.buttons-container{position:fixed;top:50px;right:30px;display:flex;flex-direction:column;gap:var(--vgap-mid)}.notifcation-draft-loaded{cursor:pointer}.notifcation-draft-loaded .action-discard-changes{color:var(--mantine-color-red-9)}.notifcation-draft-loaded .action-discard-changes:hover{color:var(--mantine-color-red-8)}.toggle-two{display:flex;flex-direction:row;align-items:center;gap:0px;margin-top:10;margin-bottom:10}.toggle-two .mantine-Switch-track{--switch-bg: var(--colour-primary-blue)}.toggle-two s{color:var(--colour-border)}.toggle-two .mantine-Switch-label{font-size:16px}.save-modal{padding:20px;display:flex;flex-direction:column;gap:20px}.save-modal .buttons{display:flex;flex-direction:row;gap:var(--hgap-mid)}.save-modal .error-message{color:var(--colour-error);font-weight:700}.warning-about-user-pages{background-color:var(--colour-warning-fainter);border:1px solid var(--colour-warning);padding:var(--vgap-mid) var(--common-indent-size);border-radius:var(--radius-border)}.code-editor-container{padding:12px 0 8px 12px}.code-editor-container label{top:12px}.code-editor-container.non-editable{width:100%;overflow-x:scroll;border:1px solid var(--colour-border);border-radius:var(--radius-border);padding:var(--padding-text-box);font-size:14px}.code-editor-container.non-editable{scrollbar-width:none}.code-editor-container.non-editable::-webkit-scrollbar{display:none}.code-editor-container.non-editable:active,.code-editor-container.non-editable:focus,.code-editor-container.non-editable:hover{scrollbar-width:thin}.code-editor-container.non-editable:active::-webkit-scrollbar,.code-editor-container.non-editable:focus::-webkit-scrollbar,.code-editor-container.non-editable:hover::-webkit-scrollbar{display:block}.generic-error-message+.generic-error-message{margin-top:0}.generic-error-message{margin-top:var(--vgap-large);padding:10px;border-radius:var(--radius-border);border:1px solid var(--colour-invalid);background-color:var(--colour-invalid-fainter);transition:border .3s ease,background-color .3s ease,opacity .3s ease,height .3s ease,margin .3s ease,padding .3s ease}.generic-error-message.hide{padding:0;opacity:0;height:0;margin:0;border:none;background-color:none}.generic-error-message.warning{border:1px solid var(--colour-warning);background-color:var(--colour-warning-fainter)}.wikisim-select{margin-top:var(--vgap-small)}.wikisim-select .mantine-Select-root{margin-top:0!important}.wikisim-select input{height:46.8px}.wikisim-select input::selection,.wikisim-select input::-moz-selection{background:none}.wikisim-select label{z-index:var(--z-index-wikisim-select-label)}.function-arguments{display:flex;flex-direction:column;gap:calc(var(--vgap-mid) - var(--vgap-small));border-top:1px solid var(--colour-border)}.function-argument-form{display:flex;flex-direction:column;gap:var(--vgap-mid)}.function-argument-form-row{display:flex;flex-direction:row;gap:var(--vgap-mid)}.function-argument-delete-button{display:flex}@media (max-width: 800px){.function-arguments{gap:var(--vgap-large)}.function-argument-form-row{flex-direction:column;gap:var(--vgap-small)}}.json-viewer-container{position:relative}.json-viewer{display:flex;flex-direction:column;font-family:monospace;font-size:var(--mantine-font-size-md);line-height:var(--mantine-line-height);max-height:calc(30 * var(--mantine-font-size-md) * var(--mantine-line-height));overflow-y:scroll;background-color:#fafafa}.json-viewer-container .overflow-gap{height:.2em;width:100%;flex-shrink:0}.json-viewer-container .overflow-fade-out{height:1em;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(#fafafa00,#fafafa 90%);pointer-events:none}.json-collapsible{cursor:pointer;outline:thin solid rgba(0,0,0,0)}.not-json-collapsible{cursor:default}.json-object-viewer,.json-array-viewer{flex-grow:1;display:flex;flex-direction:column}.json-object-contents,.json-array-contents{cursor:default}.json-viewer .is_leaf_value.is_hovered{background-color:var(--colour-quaternary-green)}.json-viewer .is_selected{background-color:var(--colour-quaternary-blue)}.json-table-viewer .header{width:100%;box-sizing:border-box;border:none;background:transparent;font-weight:700}.expectation-met-message{text-align:center;margin-top:.5em;color:#fff;border-radius:var(--radius-border);padding:.2em .5em}.expectation-met-message.expectation-met{background-color:var(--colour-success)}.expectation-met-message.expectation-failed{background-color:var(--colour-error)}.scenario-results-display .results-view-tabs{padding-top:var(--vgap-large);padding-bottom:var(--vgap-small);display:flex;flex-direction:row;gap:12px;justify-content:flex-end}.scenario-results-display{display:flex;flex-direction:column;justify-content:center;cursor:pointer}.text-editor-v1.input-value-textarea{font-family:var(--font-family-monospace)}.scenarios{border-top:1px solid var(--colour-border)}.scenario-form-header{justify-content:space-between;gap:var(--vgap-mid)}.scenario-divider{border-bottom:1px solid var(--colour-border);padding:15px 0;margin:15px 0}.scenario-content{margin-left:var(--common-indent-size);display:flex;flex-direction:column;gap:var(--vgap-mid)}.scenario-options{display:flex;flex-direction:row;align-items:center;gap:var(--hgap-mid)}.value-editor-container.opened{border-top:1px solid var(--colour-border);padding-top:10px;padding-bottom:10px}.value-editor-container .row .sig-figs{width:100px;min-width:100px;flex:0 0 100px}.value-editor-container .row .format{min-width:unset;flex:1 1 0}.row-group{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:15px}.value-editor-container>.row{min-width:320px}@media (max-width: 760px){.row-group{flex-direction:column}}.value-editor-container .text-editor-v1 textarea{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row.loaded{cursor:pointer}.history-row.loaded a{text-decoration:none;color:#000;transition:all .15s}.history-row.loaded a:hover{text-decoration:underline;color:var(--colour-link)}.read-only-function{position:relative}.read-only-function .end-fade-and-button{position:absolute;bottom:0;width:100%;background:linear-gradient(transparent,#fff);display:flex;justify-content:center}.read-only-function .end-fade-and-button button{background-color:#fff}.read-only-function .end-fade-and-button button:hover{background-color:var(--colour-background-light);border:thin solid var(--colour-border-blue)}#data-component .section.play-interactable{width:50%;aspect-ratio:2 / 1;background-color:#f0f0f0;padding:20px;border-radius:8px;margin:20px auto;display:flex;justify-content:center;align-items:center;cursor:pointer}#data-component .section.play-interactable.playing{position:fixed;width:100%;height:100%;left:0;top:0;aspect-ratio:auto;z-index:var(--z-index-full-screen-game-loading);padding:0;margin:0;cursor:default}.play-interactable-iframe{position:fixed;width:100%;height:100%;z-index:var(--z-index-full-screen-game);top:0;right:0;bottom:0;left:0;border:none}.play-interactable-close-button{position:fixed;top:10px;right:10px;z-index:var(--z-index-full-screen-game-close-button)}#data-component .section{display:flex;flex-direction:column;align-items:flex-start;padding:15px 0}#data-component .section+.section{border-top:1px solid var(--colour-border-fainter)}#data-component .section .row{display:flex;flex-direction:row;align-items:flex-start;white-space-collapse:preserve}#data-component .scenario-row{gap:var(--vgap-small)}#data-component .scenario-header{display:flex;flex-direction:column;gap:var(--vgap-small)}#data-component .scenario-header.header_openable{cursor:pointer}#data-component .scenario-header.header_not_openable .scenario-title{cursor:pointer;width:fit-content;padding:10px;margin:-10px}#data-component .scenario-input-values{cursor:default}.search-results-table{display:flex;flex-direction:column}@media (min-width: 800px){.search-results-page .search-results-table{max-width:50%}}.search-results-table .result-row{text-decoration:none;color:inherit;border-width:1px;border-style:solid;border-color:transparent;cursor:pointer;background-color:transparent;transition:background-color .15s,border-color .15s;padding:8px 12px}.result-row+.result-row{border-top-color:var(--colour-border)}.result-row.selected{border-color:var(--colour-primary-blue);background-color:#f0f4fa}.data-component-card{background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;width:350px}.metadata{position:absolute;bottom:10px;right:10px;color:var(--colour-tertiary-blue)}.new-data-component-buttons{margin:20px auto 0;align-items:center;display:flex;gap:var(--hgap-mid);flex-wrap:wrap}#home-page .coming-soon{font-size:60%}#home-page .section{margin:0 auto;display:flex;flex-direction:column;gap:40px;width:fit-content;text-align:center}#home-page .data-component-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}#home-page .browse-all-button{width:fit-content;margin:0 auto}.user-page-row{display:flex;flex-direction:row;gap:var(--hgap-mid);align-items:center}#app-footer{padding:calc(var(--page-padding) / 2) var(--page-padding);background-color:var(--secondary-fill-colour);text-align:center;font-size:14px;color:#6c757d;border-top:1px solid #e7e7e7;display:flex;flex-direction:row;justify-content:space-between}#app-footer .footer-links{display:flex;gap:var(--hgap-mid)}#app-footer .footer-links a{display:flex;gap:3px;align-items:center}.header-bar{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-header);height:var(--header-height);background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid #d8d8d8}.header-bar .left{flex:1;display:flex;align-items:center;padding-left:10px}.header-bar .right-user-and-dropdown{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:10px}.search-bar{display:flex;align-items:center;flex-direction:row;flex:2 1;gap:var(--hgap-mid)}.search-bar .search-input{flex:1;padding:5px 10px}.user-session{display:flex;align-items:center;gap:5px;cursor:pointer}@media (max-width: 800px){.header-bar .right-user-and-dropdown{flex-grow:0}.user-session-status{display:none}}.wikisim-alpha-label{font-size:.35em;font-weight:700;color:#ff5733;border-radius:3px;padding:2px 4px;position:relative;top:-20px;right:10px}
