/* Basic styles used before we boot up the parsing engine */ /* Error message and password prompt */ .tc-error-form { font-family: sans-serif; color: #fff; z-index: 20000; position: fixed; background-color: rgb(255, 75, 75); border: 8px solid rgb(255, 0, 0); border-radius: 8px; width: 50%; margin-left: 25%; margin-top: 4em; padding: 0 2em 1em 2em; } .tc-error-form h1 { text-align: center; } .tc-error-prompt { text-align: center; color: #000; } .tc-error-message { overflow: auto; max-height: 40em; padding-right: 1em; margin: 1em 0; white-space: pre-line; } .tc-password-wrapper { font-family: sans-serif; z-index: 20000; position: fixed; text-align: center; width: 200px; top: 4em; left: 50%; margin-left: -144px; /* - width/2 - paddingHorz/2 - border */ padding: 16px 16px 16px 16px; border-radius: 8px; } .tc-password-wrapper { color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: rgb(197, 235, 183); border: 8px solid rgb(164, 197, 152); } .tc-password-wrapper form { text-align: left; } .tc-password-wrapper h1 { font-size: 16px; line-height: 20px; padding-bottom: 16px; } .tc-password-wrapper input { width: 100%; } /* Tiddlywiki's CSS properties */:root { --tpc-alert-background: #ffe476; --tpc-alert-border: #b99e2f; --tpc-alert-highlight: #881122; --tpc-alert-muted-foreground: #b99e2f; --tpc-background: #ffffff; --tpc-blockquote-bar: #bbbbbb; --tpc-button-background: ; --tpc-button-border: ; --tpc-button-foreground: ; --tpc-code-background: #f7f7f9; --tpc-code-border: #e1e1e8; --tpc-code-foreground: #dd1144; --tpc-diff-delete-background: #ffc9c9; --tpc-diff-delete-foreground: #333333; --tpc-diff-equal-background: ; --tpc-diff-equal-foreground: #333333; --tpc-diff-insert-background: #aaefad; --tpc-diff-insert-foreground: #333333; --tpc-diff-invisible-background: ; --tpc-diff-invisible-foreground: #bbbbbb; --tpc-dirty-indicator: #ff0000; --tpc-download-background: #34c734; --tpc-download-foreground: #ffffff; --tpc-dragger-background: #333333; --tpc-dragger-foreground: #ffffff; --tpc-dropdown-background: #ffffff; --tpc-dropdown-border: #bbbbbb; --tpc-dropdown-tab-background: #ececec; --tpc-dropdown-tab-background-selected: #ffffff; --tpc-dropzone-background: rgba(0,200,0,0.7); --tpc-external-link-background: inherit; --tpc-external-link-background-hover: inherit; --tpc-external-link-background-visited: inherit; --tpc-external-link-foreground: #0000ee; --tpc-external-link-foreground-hover: inherit; --tpc-external-link-foreground-visited: #0000aa; --tpc-footnote-target-background: #ecf2ff; --tpc-foreground: #333333; --tpc-highlight-background: #ffff00; --tpc-highlight-foreground: #000000; --tpc-message-background: #ecf2ff; --tpc-message-border: #cfd6e6; --tpc-message-foreground: #547599; --tpc-modal-backdrop: #333333; --tpc-modal-background: #ffffff; --tpc-modal-border: #999999; --tpc-modal-footer-background: #f5f5f5; --tpc-modal-footer-border: #dddddd; --tpc-modal-header-border: #eeeeee; --tpc-muted-foreground: #bbbbbb; --tpc-network-activity-foreground: #448844; --tpc-notification-background: #ffffdd; --tpc-notification-border: #999999; --tpc-page-background: #f4f4f4; --tpc-pre-background: #f5f5f5; --tpc-pre-border: #cccccc; --tpc-primary: #5778d8; --tpc-select-tag-background: ; --tpc-select-tag-foreground: ; --tpc-selection-background: ; --tpc-selection-foreground: ; --tpc-sidebar-button-foreground: #333333; --tpc-sidebar-controls-foreground: #aaaaaa; --tpc-sidebar-controls-foreground-hover: #000000; --tpc-sidebar-foreground: #acacac; --tpc-sidebar-foreground-shadow: #ffffff; --tpc-sidebar-muted-foreground: #c0c0c0; --tpc-sidebar-muted-foreground-hover: #444444; --tpc-sidebar-tab-background: #e0e0e0; --tpc-sidebar-tab-background-selected: #f4f4f4; --tpc-sidebar-tab-border: #cccccc; --tpc-sidebar-tab-border-selected: #d8d8d8; --tpc-sidebar-tab-divider: #e4e4e4; --tpc-sidebar-tab-foreground: #666666; --tpc-sidebar-tab-foreground-selected: ; --tpc-sidebar-tiddler-link-foreground: #999999; --tpc-sidebar-tiddler-link-foreground-hover: #444444; --tpc-site-title-foreground: #182955; --tpc-stability-deprecated: #ff0000; --tpc-stability-experimental: #c07c00; --tpc-stability-legacy: #0000ff; --tpc-stability-stable: #00b700; --tpc-static-alert-foreground: #aaaaaa; --tpc-tab-background: #d8d8d8; --tpc-tab-background-selected: #ffffff; --tpc-tab-border: #cccccc; --tpc-tab-border-selected: #d8d8d8; --tpc-tab-divider: #d8d8d8; --tpc-tab-foreground: #666666; --tpc-tab-foreground-selected: #666666; --tpc-table-border: #dddddd; --tpc-table-footer-background: #a8a8a8; --tpc-table-header-background: #f0f0f0; --tpc-tag-background: #eecc66; --tpc-tag-foreground: #ffffff; --tpc-testcase-accent-level-1: #c1eaff; --tpc-testcase-accent-level-2: #E3B740; --tpc-testcase-accent-level-3: #5FD564; --tpc-tiddler-background: #ffffff; --tpc-tiddler-border: #ffffff; --tpc-tiddler-controls-foreground: #cccccc; --tpc-tiddler-controls-foreground-hover: #888888; --tpc-tiddler-controls-foreground-selected: #444444; --tpc-tiddler-editor-background: #f8f8f8; --tpc-tiddler-editor-border: #cccccc; --tpc-tiddler-editor-border-image: #ffffff; --tpc-tiddler-editor-fields-even: #e0e8e0; --tpc-tiddler-editor-fields-odd: #f0f4f0; --tpc-tiddler-info-background: #f8f8f8; --tpc-tiddler-info-border: #dddddd; --tpc-tiddler-info-tab-background: #f8f8f8; --tpc-tiddler-link-background: #ffffff; --tpc-tiddler-link-foreground: #5778d8; --tpc-tiddler-subtitle-foreground: #c0c0c0; --tpc-tiddler-title-foreground: #182955; --tpc-toolbar-cancel-button: ; --tpc-toolbar-close-button: ; --tpc-toolbar-delete-button: ; --tpc-toolbar-done-button: ; --tpc-toolbar-edit-button: ; --tpc-toolbar-info-button: ; --tpc-toolbar-new-button: ; --tpc-toolbar-options-button: ; --tpc-toolbar-save-button: ; --tpc-untagged-background: #999999; --tpc-very-muted-foreground: #888888; --tpc-wikilist-background: #e5e5e5; --tpc-wikilist-button-background: #acacac; --tpc-wikilist-button-foreground: #000000; --tpc-wikilist-button-open: #4fb82b; --tpc-wikilist-button-open-hover: #009300; --tpc-wikilist-button-remove: #d85778; --tpc-wikilist-button-remove-hover: #ff0000; --tpc-wikilist-button-reveal: #5778d8; --tpc-wikilist-button-reveal-hover: #0000ff; --tpc-wikilist-droplink-dragover: #ffc0c0; --tpc-wikilist-info: #000000; --tpc-wikilist-item: #ffffff; --tpc-wikilist-title: #666666; --tpc-wikilist-title-svg: #666666; --tpc-wikilist-toolbar-background: #d3d3d3; --tpc-wikilist-toolbar-foreground: #888888; --tpc-wikilist-url: #aaaaaa; /* CSS settings */ --tp-code-wrapping: pre-wrap; --tp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; --tp-code-font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --tp-editor-font-family: ; --tp-font-size: 14px; --tp-line-height: 20px; --tp-body-font-size: 15px; --tp-body-line-height: 22px; --tp-story-left: 0px; --tp-story-top: 0px; --tp-story-right: 770px; --tp-story-width: ; --tp-tiddler-width: 686px; --tp-sidebar-breakpoint: 960px; --tp-sidebar-width: 350px;--tp-animation-duration: {{{ [{$:/config/AnimationDuration}addsuffix[ms]] }}}; }/* ** Start with the normalize CSS reset, and then belay some of its effects *//*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } html { /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; line-height: 1.15; /* 1. Correct the line height in all browsers. */ -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ -moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */ tab-size: 4; /* 3 */ } /* Sections ======== */ body { margin: 0; /* Remove the margin in all browsers. */ } /* Grouping content ================ */ /** 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Tabular data ============ */ /** 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /** Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to 'inherit' in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } input[type="search"] { outline-offset: initial; }button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid #5778d8; outline-offset: -2px; border-radius: 0.25em; }button:-moz-focusring, input:-moz-focusring, textarea:-moz-focusring, select:-moz-focusring { outline: 2px solid #5778d8; outline-offset: -2px; border-radius: 0.25em; }/* ** Button default styles. Makes them look consistent for all browsers */ html button { line-height: 1.2; color: ; fill: ; background: ; border-color: ; cursor: pointer; }button:disabled { cursor: default; color: #bbbbbb; }button:disabled svg { fill: #bbbbbb; }/* ** Basic element styles */html, body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", sans-serif, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; text-rendering: optimizeLegibility; /* Enables kerning and ligatures etc. */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }html:-webkit-full-screen { background-color: #f4f4f4; }body.tc-body { font-size: 14px; line-height: 20px; word-wrap: break-word; color: #333333; background-color: #f4f4f4; fill: #333333; }/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */h1 { font-size: 2em; }h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: normal; }pre { display: block; margin-top: 1em; margin-bottom: 1em; word-break: normal; word-wrap: break-word; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #cccccc; padding: 0 3px 2px; border-radius: 3px; font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; }code { color: #dd1144; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: pre-wrap; padding: 0 3px 2px; border-radius: 3px; font-family: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; }blockquote { border-inline-start: 5px solid #bbbbbb; -webkit-margin-start: 25px; margin-inline-start: 25px; -webkit-padding-start: 10px; padding-inline-start: 10px; quotes: "\201C""\201D""\2018""\2019"; }blockquote > div { margin-top: 1em; margin-bottom: 1em; }blockquote.tc-big-quote { font-family: Georgia, serif; position: relative; background: #f5f5f5; border-inline-start: none; -webkit-margin-start: 50px; margin-inline-start: 50px; -webkit-margin-end: ; margin-inline-end: ; padding: 10px; border-radius: 8px; }blockquote.tc-big-quote cite:before { content: "\2014 \2009"; }blockquote.tc-big-quote:before { font-family: Georgia, serif; color: #bbbbbb; content: open-quote; font-size: 8em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; position: absolute; left: -50px; top: 42px; }blockquote.tc-big-quote:after { font-family: Georgia, serif; color: #bbbbbb; content: close-quote; font-size: 8em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; position: absolute; right: -80px; bottom: -20px; }dl dt { font-weight: bold; margin-top: 6px; }textarea, input[type=text], input[type=search], input[type=number], input[type=password], input[type=email], input[type=tel], input[type=url], input[type=""], input:not([type]) { color: #333333; background: #ffffff; }input[type="checkbox"] { vertical-align: middle; }input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; }.tc-muted { color: #bbbbbb; }svg.tc-image-button { padding-top: 0px; padding-bottom: 1px; -webkit-padding-start: 0px; padding-inline-start: 0px; -webkit-padding-end: 1px; padding-inline-end: 1px; }.tc-icon-wrapper > svg { width: 1em; height: 1em; }kbd { display: inline-block; padding: 3px 5px; font-size: 0.8em; line-height: 1.2; color: #333333; vertical-align: middle; background-color: #ffffff; border: solid 1px #bbbbbb; border-bottom-color: #bbbbbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbbbbb; }::selection { background-color: Highlight; color: HighlightText; background-color: ; color: ; }.tc-inline-style { background: #ffff00; color: #000000; }/* Markdown uses mark element to highlight */mark { background: #ffff00; color: #000000; }form.tc-form-inline { display: inline; }/* Markdown likes putting code elements inside pre elements */ pre > code { display: block; padding: 0.5em; border: none; white-space: pre-wrap; background-color: inherit; color: inherit; overflow-x: auto; }/* Table defaults */table { border: 1px solid #dddddd; width: auto; max-width: 100%; caption-side: bottom; margin-top: 1em; margin-bottom: 1em; /* next 2 elements needed, since normalize 8.0.1 */ border-collapse: collapse; border-spacing: 0; }table th, table td { padding: 0 7px 0 7px; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; }table thead tr td, table th { background-color: #f0f0f0; font-weight: bold; }table tfoot tr td { background-color: #a8a8a8; }/* Table utility classes *//* Remove borders from table as used in eg: GettingStarted*/ .tc-table-no-border, .tc-table-no-border th, .tc-table-no-border td { border: initial; }/* First column in table width will fit to text.*/ /* This rule makes most sense with tc-first-link-nowrap*/ .tc-first-col-min-width td:nth-child(1) { width: 1%; }/* ** Utility classes work well with tables but also for other containers *//* First link A element will not wrap */ .tc-first-link-nowrap:first-of-type a { white-space: nowrap; }/* Move the table to the center of the container */ .tc-center { margin-left: auto; margin-right: auto; }.tc-max-width { width: 100%; }.tc-max-width-80 { max-width: 80%; }/* Allow input and textarea to look like the ControlPanel inputs */ .tc-edit-max-width input, .tc-edit-max-width textarea { width: 100%; padding: 3px; }/* CSV parser plugin */.tc-csv-table { white-space: nowrap; }.tc-csv-table th, .tc-csv-table td { white-space: pre-line; }/* Tiddler frame in story river */.tc-tiddler-frame img, .tc-tiddler-frame svg, .tc-tiddler-frame canvas, .tc-tiddler-frame embed, .tc-tiddler-frame iframe { max-width: 100%; }.tc-tiddler-body > embed, .tc-tiddler-body > iframe { width: 100%; height: 600px; }:root { color-scheme: light; text-autospace: normal; }/* ** Links */button.tc-tiddlylink, a.tc-tiddlylink { text-decoration: none; font-weight: 500; color: #5778d8; -webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */ -webkit-touch-callout: none; /* Prevents long presses from bringing up a link preview */ }.tc-sidebar-lists a.tc-tiddlylink { color: #999999; }.tc-sidebar-lists a.tc-tiddlylink:hover { color: #444444; }button.tc-tiddlylink:hover, a.tc-tiddlylink:hover { text-decoration: underline; }a.tc-tiddlylink-resolves { }a.tc-tiddlylink-shadow { font-weight: bold; }a.tc-tiddlylink-shadow.tc-tiddlylink-resolves { font-weight: normal; }a.tc-tiddlylink-missing { font-style: italic; }a.tc-tiddlylink-external { text-decoration: underline; color: #0000ee; background-color: inherit; }a.tc-tiddlylink-external:visited { color: #0000aa; background-color: inherit; }a.tc-tiddlylink-external:hover { color: inherit; background-color: inherit; }.tc-drop-down a.tc-tiddlylink:hover { color: #ffffff; }/* ** Drag and drop styles */.tc-tiddler-dragger { position: relative; z-index: -10000; }.tc-tiddler-dragger-inner { position: absolute; top: -1000px; left: -1000px; display: inline-block; padding: 8px 20px; font-size: 16.9px; font-weight: bold; line-height: 20px; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); white-space: nowrap; vertical-align: baseline; background-color: #333333; border-radius: 20px; }.tc-tiddler-dragger-cover { position: absolute; background-color: #f4f4f4; }.tc-page-container > .tc-dropzone { min-height: 100vh; }.tc-dropzone { position: relative; }.tc-dropzone.tc-dragover:before { z-index: 10000; display: block; position: fixed; top: 0; left: 0; right: 0; background: rgba(0,200,0,0.7); text-align: center; content: "Drop now (or use the 'Escape' key to cancel)"; }.tc-droppable > .tc-droppable-placeholder { display: none; }.tc-droppable.tc-dragover > .tc-droppable-placeholder { display: block; border: 2px dashed rgba(0,200,0,0.7); }.tc-draggable { cursor: move; }.tc-sidebar-tab-open .tc-droppable-placeholder, .tc-tagged-draggable-list .tc-droppable-placeholder, .tc-links-draggable-list .tc-droppable-placeholder { line-height: 2em; height: 2em; }.tc-sidebar-tab-open-item { position: relative; }.tc-sidebar-tab-open .tc-btn-invisible.tc-btn-mini svg { font-size: 0.7em; fill: #bbbbbb; }/* ** Plugin reload warning */.tc-plugin-reload-warning { z-index: 1000; display: block; position: fixed; top: 0; left: 0; right: 0; background: #ffe476; text-align: center; }/* ** Buttons */button svg, button img, label svg, label img { vertical-align: middle; }.tc-btn-invisible { padding: 0; margin: 0; background: none; border: none; cursor: pointer; color: #333333; fill: #333333; }button:disabled.tc-btn-invisible { cursor: default; color: #bbbbbb; }.tc-btn-boxed { font-size: 0.6em; padding: 0.2em; margin: 1px; background: none; border: 1px solid #cccccc; border-radius: 0.25em; }html body.tc-body .tc-btn-boxed svg { font-size: 1.6666em; }.tc-btn-boxed:hover { background: #bbbbbb; color: #ffffff; }html body.tc-body .tc-btn-boxed:hover svg { fill: #ffffff; }.tc-btn-rounded { font-size: 0.5em; line-height: 2; padding: 0em 0.3em 0.2em 0.4em; margin: 1px; border: 1px solid #bbbbbb; background: #bbbbbb; color: #ffffff; border-radius: 2em; }html body.tc-body .tc-btn-rounded svg { font-size: 1.6666em; fill: #ffffff; }.tc-btn-rounded:hover { border: 1px solid #bbbbbb; background: #ffffff; color: #bbbbbb; }html body.tc-body .tc-btn-rounded:hover svg { fill: #bbbbbb; }.tc-btn-icon svg { height: 1em; width: 1em; fill: #bbbbbb; }.tc-btn-text { -webkit-margin-start: 7px; margin-inline-start: 7px; }/* used for documentation "fake" buttons */ .tc-btn-standard { line-height: 1.8; color: #667; background-color: #e0e0e0; border: 1px solid #888; padding: 2px 1px 2px 1px; margin: 1px 4px 1px 4px; }.tc-btn-big-green { display: inline-block; padding: 8px; margin: 4px 8px 4px 8px; background: #34c734; color: #ffffff; fill: #ffffff; border: none; border-radius: 2px; font-size: 1.2em; line-height: 1.4em; text-decoration: none; }.tc-btn-big-green svg, .tc-btn-big-green img { height: 2em; width: 2em; vertical-align: middle; fill: #ffffff; }.tc-primary-btn { background: #5778d8; }.tc-sidebar-lists input { color: #333333; }.tc-sidebar-lists button { color: #333333; fill: #333333; }.tc-sidebar-lists button.tc-btn-mini { color: #c0c0c0; }.tc-sidebar-lists button.tc-btn-mini:hover { color: #444444; }.tc-sidebar-lists button small { color: #333333; }button svg.tc-image-button, button .tc-image-button img { height: 1em; width: 1em; }.tc-unfold-banner { position: absolute; padding: 0; margin: 0; background: none; border: none; width: 100%; width: calc(100% + 2px); -webkit-margin-start: -43px; margin-inline-start: -43px; text-align: center; border-top: 2px solid #f8f8f8; margin-top: 4px; }.tc-unfold-banner:hover { background: #f8f8f8; border-top: 2px solid #dddddd; }.tc-unfold-banner svg, .tc-fold-banner svg { height: 0.75em; fill: #cccccc; }.tc-unfold-banner:hover svg, .tc-fold-banner:hover svg { fill: #888888; }.tc-fold-banner { position: absolute; padding: 0; margin: 0; background: none; border: none; width: 23px; text-align: center; -webkit-margin-start: -35px; margin-inline-start: -35px; top: 6px; bottom: 6px; }.tc-fold-banner:hover { background: #f8f8f8; }@media (max-width: 959px) {.tc-unfold-banner { position: static; width: calc(100% + 59px); }.tc-fold-banner { width: 16px; -webkit-margin-start: -16px; margin-inline-start: -16px; font-size: 0.75em; }}/* ** Tags and missing tiddlers */.tc-tag-list-item { position: relative; display: inline-block; }.tc-tags-wrapper { margin: 4px 0 14px 0; }.tc-tags-wrapper .tc-tag-list-item { margin-right: 7px; }.tc-missing-tiddler-label { font-style: italic; font-weight: normal; display: inline-block; font-size: 11.844px; line-height: 14px; white-space: nowrap; vertical-align: baseline; }.tc-block-tags-dropdown > .tc-btn-invisible:hover { background-color: #5778d8; }button.tc-tag-label, span.tc-tag-label { display: inline-block; padding: 0.16em 0.7em; font-size: 0.9em; font-weight: normal; line-height: 1.2em; color: #ffffff; white-space: break-spaces; vertical-align: baseline; background-color: #eecc66; border-radius: 1em; }.tc-sidebar-scrollable .tc-tag-label { text-shadow: none; }.tc-untagged-separator { border: 0; height: 1px; background: #d8d8d8; }button.tc-untagged-label { background-color: #999999; }.tc-tag-label svg, .tc-tag-label img { height: 1em; width: 1em; margin-right: 3px; margin-bottom: 1px; vertical-align: bottom; }.tc-edit-tags button.tc-remove-tag-button svg { font-size: 0.7em; vertical-align: middle; }.tc-tag-manager-table .tc-tag-label { }.tc-tag-manager-tag { width: 100%; }button.tc-btn-invisible.tc-remove-tag-button { outline: none; }.tc-tag-button-selected, .tc-list-item-selected a.tc-tiddlylink, a.tc-list-item-selected { background-color: #5778d8; color: #ffffff; }/* ** Page layout */.tc-topbar { position: fixed; z-index: 1200; }.tc-topbar-left { left: 29px; top: 5px; }.tc-topbar-right { top: 5px; right: 29px; }@media (max-width: 959px) {.tc-topbar-right { right: 10px; }}.tc-topbar button { padding: 8px; }.tc-topbar svg { fill: #bbbbbb; }.tc-topbar button:hover svg { fill: #333333; }@media (max-width: 959px) {.tc-show-sidebar-btn svg.tc-image-chevron-left, .tc-hide-sidebar-btn svg.tc-image-chevron-right { transform: rotate(-90deg); }}.tc-sidebar-header { color: #acacac; fill: #acacac; }.tc-sidebar-header .tc-title a.tc-tiddlylink-resolves { font-weight: normal; }.tc-sidebar-header .tc-sidebar-lists p, .tc-sidebar-tools-item { margin-top: 3px; margin-bottom: 3px; }.tc-sidebar-header .tc-missing-tiddler-label { color: #acacac; }.tc-advanced-search input { width: 60%; }.tc-search a svg { width: 1.2em; height: 1.2em; vertical-align: middle; }.tc-page-controls { margin-top: 14px; margin-bottom: 14px; font-size: 1.5em; }.tc-page-controls .tc-drop-down { font-size: 1rem; }.tc-page-controls button { margin-right: 0.5em; }.tc-page-controls a.tc-tiddlylink:hover { text-decoration: none; }.tc-page-controls img { width: 1em; }.tc-page-controls svg { fill: #aaaaaa; }.tc-page-controls button:hover svg, .tc-page-controls a:hover svg { fill: #000000; }.tc-sidebar-lists .tc-menu-list-item { white-space: nowrap; }.tc-menu-list-count { font-weight: bold; }.tc-menu-list-subitem { padding-left: 7px; }.tc-story-river { position: relative; }@media (max-width: 959px) {.tc-sidebar-header { padding: 14px; min-height: 32px; margin-top: 0px; transition: min-height 350ms ease-in-out, padding-top 350ms ease-in-out, padding-bottom 350ms ease-in-out; }.tc-story-river { position: relative; padding: 0; } }@media (min-width: 960px) {.tc-message-box { margin: 21px -21px 21px -21px; }.tc-sidebar-scrollable { position: fixed; top: 0px; inset-inline-start: 770px; bottom: 0; inset-inline-end: 0; overflow-y: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 0 -42px; padding: 71px 0 28px 42px; }@supports not (inset-inline-start: 0) { .tc-sidebar-scrollable { left: 770px; right: 0; }html[dir="rtl"] .tc-sidebar-scrollable { left: auto; right: 770px; } }.tc-story-river { position: relative; left: 0px; top: 0px; width: 770px; padding: 42px 42px 42px 42px; }.tc-story-river.tc-static-story-river { margin-right: 0; padding-right: 42px; }}@media print {body.tc-body { background-color: transparent; }.tc-sidebar-header, .tc-topbar { display: none; }.tc-story-river { margin: 0; padding: 0; }.tc-story-river .tc-tiddler-frame { margin: 0; border: none; padding: 0; } }/* ** Tiddler styles */.tc-tiddler-frame { position: relative; margin-bottom: 28px; background-color: #ffffff; border: 1px solid #ffffff; } .tc-tiddler-info { padding: 14px 42px 14px 42px; background-color: #f8f8f8; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }.tc-tiddler-info p { margin-top: 3px; margin-bottom: 3px; }.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected { background-color: #f8f8f8; border-bottom: 1px solid #f8f8f8; }@media (max-width: 959px) {.tc-tiddler-info { padding: 14px 14px 14px 14px; }}.tc-tiddler-info-controls { position: absolute; inset-inline-end: 0; }.tc-view-field-table { width: 100%; }.tc-view-field-name { width: 1%; /* Makes this column be as narrow as possible */ vertical-align: top; text-align: right; font-style: italic; font-weight: normal; }.tc-view-field-value { word-break: break-all; }@media (max-width: 959px) { .tc-tiddler-frame { padding: 14px 14px 14px 14px; margin-bottom: .5em; }.tc-tiddler-info { margin: 0 -14px 0 -14px; } }@media (min-width: 960px) { .tc-tiddler-frame { padding: 28px 42px 42px 42px; width: 686px; border-radius: 2px; }.tc-tiddler-info { margin: 0 -42px 0 -42px; } }.tc-site-title, .tc-titlebar { font-weight: normal; font-size: 2.35em; line-height: 1.35em; color: #182955; margin: 0; }.tc-site-title { color: #182955; }.tc-tiddler-title-icon { vertical-align: middle; -webkit-margin-end: .1em; margin-inline-end: .1em; }.tc-tiddler-title-icon svg { width: 0.9em; height: 0.9em; }.tc-system-title-prefix { color: #bbbbbb; }.tc-tiddler-lazy-loading { height: 4px; width: 100%; background: no-repeat linear-gradient(#ffffff 0 0),no-repeat linear-gradient(#ffffff 0 0),#5778d8; background-size: 60% 100%; animation: animation-loading-progress 3s infinite; }@keyframes animation-loading-progress { 0% {background-position:-150% 0,-150% 0} 66% {background-position: 250% 0,-150% 0} 100% {background-position: 250% 0, 250% 0} }.tc-titlebar h2 { font-size: 1em; display: inline; }.tc-titlebar img { height: 1em; }.tc-subtitle { font-size: 0.9em; color: #c0c0c0; font-weight: normal; }.tc-subtitle .tc-tiddlylink { margin-right: .3em; }.tc-tiddler-missing .tc-title { font-style: italic; font-weight: normal; }.tc-tiddler-frame .tc-tiddler-controls { float: inline-end; padding: 3px; /* make space for outline */ }.tc-tiddler-controls .tc-drop-down { font-size: 0.6em; }.tc-tiddler-controls .tc-drop-down .tc-drop-down { font-size: 1em; }.tc-tiddler-controls > span > button, .tc-tiddler-controls > span > span > button, .tc-tiddler-controls > span > span > span > button { vertical-align: baseline; margin-left:5px; }.tc-tiddler-controls button svg, .tc-tiddler-controls button img, .tc-search button svg, .tc-search a svg { fill: #cccccc; }.tc-tiddler-controls button svg, .tc-tiddler-controls button img { height: 0.75em; }.tc-search button svg, .tc-search a svg { height: 1.2em; width: 1.2em; margin: 0 0.25em; }.tc-tiddler-controls button.tc-selected svg, .tc-page-controls button.tc-selected svg { fill: #444444; }.tc-tiddler-controls button.tc-btn-invisible:hover svg, .tc-search button:hover svg, .tc-search a:hover svg { fill: #888888; }@media print { .tc-tiddler-controls { display: none; } }.tc-tiddler-help { /* Help prompts within tiddler template */ color: #bbbbbb; margin-top: 14px; }.tc-tiddler-help a.tc-tiddlylink { color: #888888; }.tc-tiddler-frame .tc-edit-texteditor { width: 100%; margin: 4px 0 4px 0; }.tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame textarea.tc-edit-texteditor, .tc-tiddler-frame iframe.tc-edit-texteditor, .tc-tiddler-frame select.tc-edit-texteditor { padding: 3px 3px 3px 3px; border: 1px solid #cccccc; line-height: 1.3em; font-family: ; }.tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame textarea.tc-edit-texteditor, .tc-tiddler-frame iframe.tc-edit-texteditor { -webkit-appearance: none; }.tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame select.tc-edit-texteditor, .tc-tiddler-frame textarea.tc-edit-texteditor { background-color: #f8f8f8; }.tc-tiddler-frame iframe.tc-edit-texteditor { background-color: #ffffff; }.tc-tiddler-frame .tc-edit-fields input.tc-edit-fieldeditor, .tc-tiddler-frame .tc-edit-fields select.tc-edit-fieldeditor, .tc-tiddler-frame .tc-edit-fields textarea.tc-edit-fieldeditor { margin: 0; padding: 2px 3px; }.tc-tiddler-frame .tc-binary-warning { width: 100%; height: 5em; text-align: center; padding: 3em 3em 6em 3em; background: #ffe476; border: 1px solid #b99e2f; }canvas.tc-edit-bitmapeditor { border: 6px solid #ffffff; cursor: crosshair; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; margin-top: 6px; margin-bottom: 6px; }.tc-edit-bitmapeditor-width { display: block; }.tc-edit-bitmapeditor-height { display: block; }.tc-single-tiddler-window .tc-tiddler-body, .tc-tiddler-frame .tc-tiddler-body { font-size: 15px; line-height: 22px; }.tc-titlebar, .tc-tiddler-edit-title { overflow: hidden; /* https://github.com/TiddlyWiki/TiddlyWiki5/issues/282 */ }/* * Tiddler in a new window. * Also see: .tc-single-tiddler-window .tc-tiddler-body, above */html body.tc-body.tc-single-tiddler-window { margin: 1em; background: #ffffff; }.tc-single-tiddler-window img, .tc-single-tiddler-window svg, .tc-single-tiddler-window canvas, .tc-single-tiddler-window embed, .tc-single-tiddler-window iframe { max-width: 100%; }/* ** Editor */.tc-editor-toolbar { margin-top: 8px; }.tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview .tc-editor-toolbar, .tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview-hidden .tc-editor-toolbar { grid-area: toolbar; }.tc-editor-toolbar button { vertical-align: middle; background-color: #cccccc; color: #444444; fill: #444444; border-radius: 4px; padding: 3px; margin: 2px 0 2px 4px; }.tc-editor-toolbar button.tc-text-editor-toolbar-item-adjunct { margin-left: 1px; width: 1em; border-radius: 8px; }.tc-editor-toolbar button.tc-text-editor-toolbar-item-start-group { margin-left: 11px; }.tc-editor-toolbar button.tc-selected { background-color: #5778d8; }.tc-editor-toolbar button svg { width: 1.6em; height: 1.2em; }.tc-editor-toolbar .tc-drop-down button.tc-btn-mini { padding: 2px 4px; }.tc-editor-toolbar button:hover { background-color: #444444; fill: #ffffff; color: #ffffff; }.tc-editor-toolbar .tc-text-editor-toolbar-more { white-space: normal; }.tc-editor-toolbar .tc-text-editor-toolbar-more button { display: inline-block; padding: 3px; width: auto; }.tc-editor-toolbar .tc-search-results { padding: 0; }.tc-editor-toolbar button.tc-editortoolbar-stamp-button + .tc-popup .tc-drop-down > p { margin: 0; padding: 0; }.tc-editor-toolbar button.tc-editortoolbar-stamp-button + .tc-popup .tc-drop-down a.tc-tiddlylink { font-weight: normal; }/* ** Adjustments for fluid-fixed mode */@media (min-width: 960px) {.tc-story-river { padding-right: 0; position: relative; width: auto; left: 0; margin-left: 0px; margin-right: 350px; }.tc-tiddler-frame { width: 100%; }.tc-sidebar-scrollable { left: auto; bottom: 0; right: 0; width: 350px; }body.tc-body .tc-page-container.tc-page-view-zoomin .tc-tiddler-frame { width: 100%; width: calc(100% - 42px); }}/* ** Toolbar buttons */.tc-page-controls svg.tc-image-new-button { fill: ; }.tc-page-controls svg.tc-image-options-button { fill: ; }.tc-page-controls svg.tc-image-save-button { fill: ; }.tc-tiddler-controls button svg.tc-image-info-button { fill: ; }.tc-tiddler-controls button svg.tc-image-edit-button { fill: ; }.tc-tiddler-controls button svg.tc-image-close-button { fill: ; }.tc-tiddler-controls button svg.tc-image-delete-button { fill: ; }.tc-tiddler-controls button svg.tc-image-cancel-button { fill: ; }.tc-tiddler-controls button svg.tc-image-done-button { fill: ; }.tc-page-controls svg.tc-image-layout-button { fill: ; }/* ** Tiddler edit mode */.tc-tiddler-edit-frame em.tc-edit { color: #bbbbbb; font-style: normal; }.tc-edit-type-dropdown a.tc-tiddlylink-missing { font-style: normal; }.tc-type-selector .tc-edit-typeeditor { width: auto; }.tc-type-selector-dropdown-wrapper { display: inline-block; }.tc-type-selector-dropdown-wrapper { min-width: calc(32ch + 4em); }.tc-type-selector-dropdown-wrapper input.tc-edit-typeeditor { min-width: 32ch; }.tc-edit-tags { border: 1px solid #cccccc; padding: 4px 8px 4px 8px; }.tc-edit-add-tag { display: inline-block; }.tc-edit-add-tag .tc-add-tag-name input { width: 50%; }.tc-edit-add-tag .tc-keyboard { display:inline; }.tc-edit-tags .tc-tag-label { display: inline-block; }.tc-edit-tags-list { margin: 14px 0 14px 0; }.tc-remove-tag-button { padding-left: 4px; }.tc-tiddler-editor { display: grid; }.tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview { grid-template-areas: "toolbar toolbar" "editor preview"; grid-template-columns: repeat(2, minmax(0px, 1fr)); grid-template-rows: auto 1fr; }.tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview-hidden { grid-template-areas: "toolbar" "editor"; grid-template-columns: 1fr; grid-template-rows: auto 1fr; }.tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview .tc-tiddler-preview-preview { grid-area: preview; overflow-wrap: anywhere; word-break: normal; border: 1px solid #cccccc; margin: 4px 0 3px 3px; padding: 3px 3px 3px 3px; }.tc-tiddler-preview-preview { overflow-y: scroll; height: 400px; }.tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview .tc-edit-texteditor, .tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview-hidden .tc-edit-texteditor { grid-area: editor; }.tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview canvas.tc-edit-bitmapeditor, .tc-tiddler-frame .tc-tiddler-editor.tc-tiddler-preview-hidden canvas.tc-edit-bitmapeditor { grid-area: editor; max-width: 100%; }.tc-edit-fields { width: 100%; }.tc-edit-fields.tc-edit-fields-small { margin-top: 0; margin-bottom: 0; }.tc-edit-fields table, .tc-edit-fields tr, .tc-edit-fields td { border: none; padding: 4px; }.tc-edit-fields > tbody > .tc-edit-field:nth-child(odd) { background-color: #f0f4f0; }.tc-edit-fields > tbody > .tc-edit-field:nth-child(even) { background-color: #e0e8e0; }.tc-edit-field-name { text-align: right; }.tc-edit-field-value input { width: 100%; }.tc-edit-field-remove { }.tc-edit-field-remove svg { height: 1em; width: 1em; fill: #bbbbbb; vertical-align: middle; }.tc-edit-field-add-name-wrapper input.tc-edit-texteditor { width: auto; }.tc-edit-field-add-name-wrapper { display: inline-block; }.tc-edit-field-add-value { display: inline-block; }@media (min-width: 960px) {.tc-edit-field-add-value { width: 35%; }}.tc-edit-field-add-button { display: inline-block; width: 10%; }/* ** Tiddler editor dropzone */.tc-dropzone-editor { position:relative; }.tc-dropzone-editor.tc-dragover .tc-editor-toolbar::after{ z-index: 10000; top:0; left:0; right:0; height: 100%; background: rgba(0,200,0,0.7); content: "Drop now (or use the 'Escape' key to cancel)"; pointer-events: none; position: absolute; display: flex; align-items: center; justify-content: center; background-color: #ffffff; border: 4px dashed #999999; font-weight: bold; font-size: 150%; opacity: 0.8; color: #333333; }.tc-editor-importpopup { width: 100%; height: 100%; }.tc-editor-import { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f5f5f5; box-shadow: 2px 2px 10px #333333; padding: 10px; width: 96%; border: 1px solid #cccccc; text-align:center; }.tc-editor-import img { max-height: 500px; }/* ** Storyview Classes */.tc-viewswitcher .tc-image-button { -webkit-margin-end: .3em; margin-inline-end: .3em; }.tc-page-container.tc-page-view-zoomin .tc-tiddler-frame { position: absolute; display: block; width: 100%; }@media (min-width: 960px) {.tc-page-container.tc-page-view-zoomin .tc-tiddler-frame { width: calc(100% - 84px); }}/* ** Dropdowns */.tc-btn-dropdown { text-align: left; }.tc-btn-dropdown svg, .tc-btn-dropdown img { height: 1em; width: 1em; fill: #bbbbbb; }.tc-drop-down-wrapper { position: relative; }.tc-drop-down { min-width: 380px; border: 1px solid #bbbbbb; background-color: #ffffff; padding: 7px 0 7px 0; margin: 4px 0 0 0; white-space: nowrap; text-shadow: none; line-height: 1.4; }.tc-drop-down .tc-drop-down { margin-left: 14px; }.tc-drop-down button svg, .tc-drop-down a svg { fill: #333333; }.tc-drop-down button:disabled svg { fill: #bbbbbb; }.tc-drop-down button.tc-btn-invisible:hover svg { fill: #ffffff; }.tc-drop-down .tc-drop-down-info { padding-left: 14px; }.tc-drop-down p { padding: 0 14px 0 14px; }.tc-drop-down svg { width: 1em; height: 1em; }.tc-drop-down img { width: 1em; }.tc-drop-down a, .tc-drop-down button { display: block; padding: 0 14px 0 14px; width: 100%; text-align: start; color: #333333; line-height: 1.4; }.tc-drop-down .tc-tab-set .tc-tab-buttons button { display: inline-block; width: auto; margin-bottom: 0px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.tc-drop-down .tc-prompt { padding: 0 14px; }.tc-drop-down .tc-chooser { border: none; }.tc-drop-down .tc-chooser .tc-swatches-horiz { font-size: 0.4em; padding-left: 1.2em; }.tc-drop-down .tc-file-input-wrapper { width: 100%; }.tc-drop-down .tc-file-input-wrapper button { color: #333333; }.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button { color: #ffffff; background-color: #5778d8; text-decoration: none; }.tc-drop-down .tc-tab-buttons button { background-color: #ececec; }.tc-drop-down .tc-tab-buttons button.tc-tab-selected { background-color: #ffffff; border-bottom: 1px solid #ffffff; }.tc-drop-down-bullet { display: inline-block; width: 0.5em; }.tc-drop-down .tc-tab-contents a { padding: 0 0.5em 0 0.5em; }.tc-block-dropdown-wrapper { position: relative; }.tc-block-dropdown { position: absolute; min-width: 220px; border: 1px solid #bbbbbb; background-color: #ffffff; padding: 7px 0; margin: 4px 0 0 0; white-space: nowrap; z-index: 1000; text-shadow: none; }.tc-block-dropdown.tc-search-drop-down { margin-left: -12px; }.tc-block-dropdown a { display: block; padding: 4px 14px 4px 14px; }.tc-block-dropdown.tc-search-drop-down a { display: block; padding: 0px 10px 0px 10px; }.tc-drop-down .tc-dropdown-item-plain, .tc-block-dropdown .tc-dropdown-item-plain { padding: 4px 14px 4px 7px; }.tc-drop-down .tc-dropdown-item, .tc-block-dropdown .tc-dropdown-item { padding: 4px 14px 4px 7px; color: #bbbbbb; }.tc-block-dropdown a.tc-tiddlylink:hover { color: #ffffff; background-color: #5778d8; text-decoration: none; }.tc-search-results { padding: 0 7px 0 7px; }.tc-image-chooser, .tc-colour-chooser { white-space: normal; }.tc-image-chooser a, .tc-colour-chooser a { display: inline-block; vertical-align: top; text-align: center; position: relative; }.tc-image-chooser a { border: 1px solid #bbbbbb; padding: 2px; margin: 2px; width: 4em; height: 4em; }.tc-colour-chooser a { padding: 3px; width: 2em; height: 2em; vertical-align: middle; }.tc-image-chooser a:hover, .tc-colour-chooser a:hover { background: #5778d8; padding: 0px; border: 3px solid #5778d8; }.tc-image-chooser a svg, .tc-image-chooser a img { display: inline-block; width: auto; height: auto; max-width: 3.5em; max-height: 3.5em; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }/* Make search dropdown visible on small screens. issue #7003 */ @media (max-width: 960px) {.tc-sidebar-search .tc-block-dropdown-wrapper { position: initial; }}/* ** Modals */.tc-modal-wrapper { position: fixed; overflow: auto; overflow-y: scroll; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; }.tc-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #333333; }.tc-modal { z-index: 1100; background-color: #ffffff; border: 1px solid #999999; }@media (max-width: 55em) { .tc-modal { position: fixed; top: 1em; left: 1em; right: 1em; }.tc-modal-body { overflow-y: auto; max-height: 400px; max-height: 60vh; } }@media (min-width: 55em) { .tc-modal { position: fixed; top: 2em; left: 25%; width: 50%; }.tc-modal-body { overflow-y: auto; max-height: 400px; max-height: 60vh; } }.tc-modal-header { padding: 9px 15px; border-bottom: 1px solid #eeeeee; }.tc-modal-header h3 { margin: 0; line-height: 30px; }.tc-modal-header img, .tc-modal-header svg { width: 1em; height: 1em; }.tc-modal-body { padding: 15px; }.tc-modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #dddddd; }.tc-modal-prevent-scroll { overflow: hidden; }/* ** Centered modals */ .tc-modal-centered .tc-modal { width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; }/* ** Notifications */.tc-notification { position: fixed; top: 14px; right: 42px; z-index: 1300; max-width: 280px; padding: 0 14px 0 14px; background-color: #ffffdd; border: 1px solid #999999; }/* ** Tabs */.tc-tab-set.tc-vertical { display: -webkit-flex; display: flex; }.tc-tab-buttons { font-size: 0.85em; padding-top: 1em; margin-bottom: -2px; }.tc-tab-buttons.tc-vertical { z-index: 100; display: block; padding-top: 14px; vertical-align: top; text-align: end; margin-bottom: inherit; margin-right: -1px; max-width: 33%; -webkit-flex: 0 0 auto; flex: 0 0 auto; }.tc-tab-buttons button.tc-tab-selected { color: #666666; background-color: #ffffff; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }.tc-tab-buttons button { color: #666666; padding: 3px 5px 3px 5px; margin-right: 0.3em; font-weight: normal; border: none; background: inherit; background-color: #d8d8d8; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }.tc-tab-buttons.tc-vertical button { display: block; width: 100%; margin-top: 3px; margin-right: 0; text-align: end; background-color: #d8d8d8; border-inline-start: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-inline-end: none; border-start-start-radius: 2px; border-end-start-radius: 2px; border-start-end-radius: 0; border-end-end-radius: 0; }.tc-tab-buttons.tc-vertical button.tc-tab-selected { background-color: #ffffff; border-inline-end: 1px solid #ffffff; }.tc-tab-divider { border-top: 1px solid #d8d8d8; }.tc-tab-divider.tc-vertical { display: none; }.tc-tab-content { margin-top: 14px; }.tc-tab-content.tc-vertical { display: inline-block; vertical-align: top; padding-top: 0; -webkit-padding-start: 14px; padding-inline-start: 14px; border-inline-start: 1px solid #cccccc; -webkit-flex: 1 0 70%; flex: 1 0 70%; overflow: auto; }.tc-sidebar-lists .tc-tab-buttons { margin-bottom: -1px; }.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected { background-color: #f4f4f4; color: ; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }.tc-sidebar-lists .tc-tab-buttons button { background-color: #e0e0e0; color: #666666; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; }.tc-sidebar-lists .tc-tab-divider { border-top: 1px solid #e4e4e4; }.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button { display: block; width: 100%; background-color: #e0e0e0; border-top: none; border-left: none; border-bottom: none; border-right: 1px solid #ccc; margin-bottom: inherit; }.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected { background-color: #f4f4f4; border: none; }/* ** Manager */.tc-manager-wrapper {}.tc-manager-controls {}.tc-manager-control { margin: 0.5em 0; }.tc-manager-control select { max-width: 100%; }.tc-manager-list { width: 100%; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }.tc-manager-list-item {}.tc-manager-list-item-heading { display: block; width: 100%; text-align: left; border-bottom: 1px solid #bbbbbb; padding: 3px; }.tc-manager-list-item-heading-selected { font-weight: bold; color: #ffffff; fill: #ffffff; background-color: #333333; }.tc-manager-list-item-heading:hover { background: #5778d8; color: #ffffff; }.tc-manager-list-item-content { display: flex; }.tc-manager-list-item-content-sidebar { flex: 1 0; background: #f8f8f8; border-right: 0.5em solid #bbbbbb; border-bottom: 0.5em solid #bbbbbb; white-space: nowrap; }.tc-manager-list-item-content-item-heading { display: block; width: 100%; text-align: left; background: #bbbbbb; text-transform: uppercase; font-size: 0.6em; font-weight: bold; padding: 0.5em 0 0.5em 0; }.tc-manager-list-item-content-item-body { padding: 0 0.5em 0 0.5em; }.tc-manager-list-item-content-item-body > pre { margin: 0.5em 0 0.5em 0; border: none; background: inherit; }.tc-manager-list-item-content-tiddler { flex: 3 1; border-left: 0.5em solid #bbbbbb; border-right: 0.5em solid #bbbbbb; border-bottom: 0.5em solid #bbbbbb; }.tc-manager-list-item-content-item-body > table { border: none; padding: 0; margin: 0; }.tc-manager-list-item-content-item-body > table td { border: none; }.tc-manager-icon-editor > button { width: 100%; }.tc-manager-icon-editor > button > svg, .tc-manager-icon-editor > button > button { width: 100%; height: auto; }/* ** Import table */.tc-import-option { display: flex; flex-direction: column; gap: 0.5em; margin: 0.5em 0; padding: 0.5em; background: #f8f8f8; border: 1px solid #cccccc; border-radius: 4px; }.tc-import-table { width: 100%; }.tc-import-table svg.tc-image-edit-button { max-width: unset; }.tc-import-table th:first-of-type { width: 10%; }.tc-import-table th:last-of-type { width: 30%; }.tc-import-table .tc-row-disabled { background: #88888810; opacity: 0.8; }.tc-import-table .tc-row-warning { background: #ffc9c950; }/* ** Alerts */.tc-alerts { position: fixed; top: 28px; left: 0; right: 0; max-width: 50%; z-index: 20000; }.tc-alert { position: relative; margin: 14px; padding: 7px; border: 1px solid #b99e2f; background-color: #ffe476; }.tc-alert-toolbar { position: absolute; top: 7px; inset-inline-end: 7px; line-height: 0; }.tc-alert-toolbar svg { fill: #b99e2f; }.tc-alert-subtitle { color: #b99e2f; font-weight: bold; font-size: 0.8em; margin-bottom: 0.5em; }.tc-alert-body > p { margin: 0; }.tc-alert-highlight { color: #881122; }@media (min-width: 960px) {.tc-static-alert { position: relative; }.tc-static-alert-inner { position: absolute; z-index: 100; }}.tc-static-alert-inner { padding: 0 2px 2px 42px; color: #aaaaaa; }/* ** Floating drafts list */.tc-drafts-list { z-index: 2000; position: fixed; font-size: 0.8em; left: 0; bottom: 0; }.tc-drafts-list a { margin: 0 0.5em; padding: 4px 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ffffff; border-bottom: none; background: #ff0000; color: #ffffff; fill: #ffffff; }.tc-drafts-list a:hover { text-decoration: none; background: #333333; color: #ffffff; fill: #ffffff; }.tc-drafts-list a svg { width: 1em; height: 1em; vertical-align: text-bottom; }/* ** Control panel */.tc-control-panel td { padding: 4px; }.tc-control-panel table > tbody > tr > td { text-align: start; }.tc-control-panel table, .tc-control-panel table input, .tc-control-panel table textarea { width: 100%; }.tc-control-panel-setting { border-top: 1px solid #bbbbbb; }.tc-plugin-info { display: flex; text-shadow: none; border: 1px solid #bbbbbb; fill: #bbbbbb; background-color: #ffffff; margin: 0.5em 0 0.5em 0; padding: 4px; align-items: center; }.tc-sidebar-lists a.tc-tiddlylink.tc-plugin-info { color: #5778d8; }.tc-plugin-info-sub-plugins .tc-plugin-info { margin: 0.5em; background: #ffffff; }.tc-plugin-info-sub-plugin-indicator { margin: -16px 1em 0 2em; }.tc-plugin-info-sub-plugin-indicator button { color: #ffffff; background: #333333; border-radius: 8px; padding: 2px 7px; font-size: 0.75em; }.tc-plugin-info-sub-plugins .tc-plugin-info-dropdown { margin-left: 1em; margin-right: 1em; }.tc-plugin-info-disabled { background: -webkit-repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px); background: repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px); }.tc-plugin-info-disabled:hover { background: -webkit-repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px); background: repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px); }a.tc-tiddlylink.tc-plugin-info:hover { text-decoration: none; background-color: #5778d8; color: #ffffff; fill: #333333; }a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk > svg { fill: #ffffff; }a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-stability { border: 1px solid #ffffff; color: #ffffff; }.tc-plugin-info-chunk { margin: 2px; }.tc-plugin-info-chunk.tc-plugin-info-toggle { flex-grow: 0; flex-shrink: 0; line-height: 1; }.tc-plugin-info-chunk.tc-plugin-info-icon { flex-grow: 0; flex-shrink: 0; line-height: 1; height: 2em; width: 2em; display: grid; }.tc-plugin-info-chunk.tc-plugin-info-description { flex-grow: 1; }.tc-plugin-info-chunk .tc-plugin-info-stability { margin-right: 4px; padding: 1px 3px; font-size: 0.8em; border-radius: 4px; font-weight: bold; }.tc-plugin-info-chunk .tc-plugin-info-stability-stable { border: 1px solid #00b700; color: #00b700; }.tc-plugin-info-chunk .tc-plugin-info-stability-experimental { border: 1px solid #c07c00; color: #c07c00; }.tc-plugin-info-chunk .tc-plugin-info-stability-deprecated { border: 1px solid #ff0000; color: #ff0000; }.tc-plugin-info-chunk .tc-plugin-info-stability-legacy { border: 1px solid #0000ff; color: #0000ff; }.tc-plugin-info-chunk.tc-plugin-info-buttons { font-size: 0.8em; line-height: 1.2; flex-grow: 0; flex-shrink: 0; text-align: right; }.tc-plugin-info-chunk.tc-plugin-info-description h1 { font-size: 1em; line-height: 1.2; margin: 2px 0 2px 0; }.tc-plugin-info-chunk.tc-plugin-info-description h2 { font-size: 0.8em; line-height: 1.2; margin: 2px 0 2px 0; }.tc-plugin-info-chunk.tc-plugin-info-description div { font-size: 0.8em; line-height: 1.2; margin: 2px 0 2px 0; }.tc-plugin-info-chunk.tc-plugin-info-toggle img, .tc-plugin-info-chunk.tc-plugin-info-toggle svg { width: 1em; height: 1em; }.tc-plugin-info-chunk.tc-plugin-info-icon img, .tc-plugin-info-chunk.tc-plugin-info-icon svg { max-width: 2em; max-height: 2em; margin: auto; }.tc-plugin-info-dropdown { border: 1px solid #bbbbbb; background: #ffffff; margin-top: -8px; }.tc-plugin-info-dropdown-message { background: #ecf2ff; padding: 0.5em 1em 0.5em 1em; font-weight: bold; font-size: 0.8em; }.tc-plugin-info-dropdown-body { padding: 1em 1em 0 1em; background: #ffffff; }.tc-plugin-info-sub-plugins { padding: 0.5em; margin: 0 1em 1em 1em; background: #ffffdd; }.tc-install-plugin { font-weight: bold; background: green; color: white; fill: white; border-radius: 4px; padding: 3px; }.tc-install-plugin.tc-reinstall-downgrade { background: red; }.tc-install-plugin.tc-reinstall { background: blue; }.tc-install-plugin.tc-reinstall-upgrade { background: orange; }.tc-check-list { line-height: 2em; }.tc-check-list .tc-image-button { height: 1.5em; }/* ** Message boxes */.tc-message-box { border: 1px solid #cfd6e6; background: #ecf2ff; padding: 0px 21px 0px 21px; font-size: 12px; line-height: 18px; color: #547599; }.tc-message-box svg { width: 1em; height: 1em; vertical-align: text-bottom; }/* ** Pictures */.tc-bordered-image { border: 1px solid #bbbbbb; padding: 5px; margin: 5px; }/* ** Floats */.tc-float-right { float: right; }/* Float tc-clearfix. Needs to be used by elements that allow float:right in their content. ** So the floating element does not overflow */.tc-clearfix:after { content: ""; clear: both; display: table; }/* Fix overflow toc, manager and testcase output */ .tc-tiddler-body .tc-tabbed-table-of-contents, .tc-manager-list-item-content, .tc-test-case-output { overflow-x: auto; }/* A wrapper to fix table overflow */.tc-table-wrapper { overflow-x: auto; }/* ** Chooser */.tc-chooser { border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }.tc-chooser-item { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; padding-top: 2px; padding-bottom: 2px; -webkit-padding-start: 14px; padding-inline-start: 14px; -webkit-padding-end: 4px; padding-inline-end: 4px; }.tc-drop-down .tc-chooser-item { padding: 2px; }.tc-chosen, .tc-chooser-item:hover { background-color: #f0f0f0; border-color: #a8a8a8; }.tc-chosen .tc-tiddlylink { cursor:default; }.tc-chooser-item .tc-tiddlylink { display: block; text-decoration: none; background-color: transparent; }.tc-chooser-item:hover .tc-tiddlylink:hover { text-decoration: none; }.tc-drop-down .tc-chosen .tc-tiddlylink, .tc-drop-down .tc-chooser-item .tc-tiddlylink:hover { color: #333333; }.tc-chosen > .tc-tiddlylink:before { -webkit-margin-start: -10px; margin-inline-start: -10px; position: relative; content: "ยป "; }.tc-chooser-item svg, .tc-chooser-item img{ max-width: 1em; max-height: 1em; vertical-align: middle; }.tc-language-chooser .tc-image-button img { max-width: 2em; max-height: 1em; width: auto; height: auto; vertical-align: -0.15em; }/* ** Palette swatches */.tc-swatches-horiz { }.tc-swatches-horiz .tc-swatch { display: inline-block; }.tc-swatch { width: 2em; height: 2em; margin: 0.4em; border: 1px solid #888; }input.tc-palette-manager-colour-input { width: 100%; padding: 0; }/* ** Table of contents */.tc-sidebar-lists .tc-table-of-contents { white-space: nowrap; }.tc-table-of-contents button, .tc-table-of-contents .toc-item-muted { color: #acacac; }.tc-table-of-contents svg { width: 0.7em; height: 0.7em; vertical-align: middle; fill: #acacac; }.tc-table-of-contents ol { list-style-type: none; -webkit-padding-start: 0; padding-inline-start: 0; }.tc-table-of-contents ol ol { -webkit-padding-start: 1em; padding-inline-start: 1em; }.tc-table-of-contents li { font-size: 1.0em; font-weight: bold; }.tc-table-of-contents li a { font-weight: bold; }.tc-table-of-contents li li { font-size: 0.95em; font-weight: normal; line-height: 1.4; }.tc-table-of-contents li li a { font-weight: normal; }.tc-table-of-contents li li li { font-size: 0.95em; font-weight: normal; line-height: 1.5; }.tc-table-of-contents li li li li { font-size: 0.95em; font-weight: normal; }.tc-tabbed-table-of-contents { display: -webkit-flex; display: flex; }.tc-tabbed-table-of-contents .tc-table-of-contents { z-index: 100; display: inline-block; -webkit-padding-start: 1em; padding-inline-start: 1em; max-width: 50%; -webkit-flex: 0 0 auto; flex: 0 0 auto; background: #d8d8d8; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a, .tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a { display: block; padding: 0.12em 1em 0.12em 0.25em; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a { border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a:hover { text-decoration: none; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #cccccc; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #ffffff; margin-right: -1px; }.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a:hover { text-decoration: none; }.tc-tabbed-table-of-contents .tc-tabbed-table-of-contents-content { display: inline-block; vertical-align: top; padding-left: 1.5em; padding-right: 1.5em; border: 1px solid #cccccc; -webkit-flex: 1 0 50%; flex: 1 0 50%; }/* ** Dirty indicator */html body svg.tc-image-save-button-dynamic .tc-image-save-button-dynamic-clean { visibility: visible; }html body svg.tc-image-save-button-dynamic .tc-image-save-button-dynamic-dirty { visibility: hidden; }html body.tc-dirty svg.tc-image-save-button-dynamic .tc-image-save-button-dynamic-clean { visibility: hidden; }html body.tc-dirty svg.tc-image-save-button-dynamic .tc-image-save-button-dynamic-dirty { visibility: visible; }html body.tc-dirty span.tc-dirty-indicator, html body.tc-dirty span.tc-dirty-indicator svg { fill: #ff0000; color: #ff0000; }/* ** File inputs */.tc-file-input-wrapper { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }.tc-file-input-wrapper input[type=file] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 999px; max-width: 100%; max-height: 100%; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: pointer; display: inline-block; }::-webkit-file-upload-button { cursor:pointer; }/* ** Thumbnail macros */.tc-thumbnail-wrapper { position: relative; display: inline-block; margin: 6px; vertical-align: top; }.tc-thumbnail-right-wrapper { float:right; margin: 0.5em 0 0.5em 0.5em; }.tc-thumbnail-image { text-align: center; overflow: hidden; border-radius: 3px; }.tc-thumbnail-image svg, .tc-thumbnail-image img { filter: alpha(opacity=1); opacity: 1; min-width: 100%; min-height: 100%; max-width: 100%; }.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg, .tc-thumbnail-wrapper:hover .tc-thumbnail-image img { filter: alpha(opacity=0.8); opacity: 0.8; }.tc-thumbnail-background { position: absolute; border-radius: 3px; }.tc-thumbnail-icon svg, .tc-thumbnail-icon img { width: 3em; height: 3em; filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); }.tc-thumbnail-wrapper:hover .tc-thumbnail-icon svg, .tc-thumbnail-wrapper:hover .tc-thumbnail-icon img { fill: #fff; filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.6)); }.tc-thumbnail-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; display: flex; align-items: center; justify-content: center; }.tc-thumbnail-caption { position: absolute; background-color: #777; color: #fff; text-align: center; bottom: 0; width: 100%; filter: alpha(opacity=0.9); opacity: 0.9; line-height: 1.4; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }.tc-thumbnail-wrapper:hover .tc-thumbnail-caption { filter: alpha(opacity=1); opacity: 1; }/* ** Diffs */.tc-diff-equal { background-color: ; color: #333333; }.tc-diff-insert { background-color: #aaefad; color: #333333; }.tc-diff-delete { background-color: #ffc9c9; color: #333333; }.tc-diff-invisible { background-color: ; color: #bbbbbb; }.tc-diff-tiddlers th { text-align: right; background: #ffffff; font-weight: normal; font-style: italic; }.tc-diff-tiddlers pre { margin: 0; padding: 0; border: none; background: none; }/* ** Errors */.tc-error { background: #f00; color: #fff; }/* ** Tree macro */.tc-tree div { -webkit-padding-start: 14px; padding-inline-start: 14px; }.tc-tree ol { list-style-type: none; -webkit-padding-start: 0; padding-inline-start: 0; margin-top: 0; }.tc-tree ol ol { -webkit-padding-start: 1em; padding-inline-start: 1em; }.tc-tree button { color: #acacac; }.tc-tree svg { fill: #acacac; }.tc-tree span svg { width: 1em; height: 1em; vertical-align: baseline; }.tc-tree li span { color: lightgray; }select { color: ; background: ; }/* ** Translink macro */.tc-translink { background-color: #f5f5f5; border: 1px solid #cccccc; padding: 0 3px; border-radius: 3px; }div.tc-translink > div { margin: 1em; }div.tc-translink > div > a:first-child > h1 { font-size: 1.2em; font-weight: bold; }span.tc-translink > a:first-child { font-weight: bold; }/* ** Classes for displaying globals */.tc-global-tiddler-body { padding: 0.25em; border: 1px solid #333333; background-color: #bbbbbb; border-radius: 3px; }.tc-global-tiddler-body-heading { margin: 0 0 0.25em 0; font-weight: normal; }.tc-global-tiddler-body-type { margin: 0 0 0.25em 0; border-bottom: 1px solid #333333; }.tc-global-tiddler-body-details { background-color: #ffffff; }.tc-global-tiddler-body pre { margin: 0; border: 1px solid #333333; }/* ** Utility classes for SVG icons */.tc-fill-background { fill: #ffffff; }.tc-network-activity-background { fill: #448844; }/* ** Test Cases */.tc-test-case-wrapper { border: 1px solid #333333; background-color: #bbbbbb; border-radius: 6px; }.tc-test-case-wrapper { background-color: #c1eaff; }.tc-test-case-wrapper .tc-test-case-wrapper { background-color: #E3B740; }.tc-test-case-wrapper .tc-test-case-wrapper .tc-test-case-wrapper { background-color: #5FD564; }.tc-test-case-header { font-weight: normal; margin: 0.5em 0; padding: 0 0.5em; }.tc-test-case-divider { x-background-color: #bbbbbb; }.tc-test-case-result-icon { fill: #fff; padding: 0.25em; display: inline-block; line-height: 0; border-radius: 1em; vertical-align: text-bottom; -webkit-margin-end: 0.25em; margin-inline-end: 0.25em; }.tc-test-case-result-icon-pass { background-color: green; }.tc-test-case-result-icon-fail { background-color: red; }.tc-test-case-result-icon svg { width: 0.5em; height: 0.5em; }.tc-test-case-header > h2 { background: #ffffff; border-radius: 4px; padding: 0.25em; }.tc-test-case-header > h2, .tc-test-case-source > pre { margin: 0; }.tc-test-case-header > h2 a.tc-tiddlylink-missing { font-style: normal; }.tc-test-case-toolbar { float: inline-end; }.tc-test-case-toolbar svg { fill: #cccccc; }.tc-test-case-toolbar .tc-drop-down { font-size: 0.8em; }.tc-test-case-result-fail { border: 1px solid #333333; background-color: #ffffff; border-radius: 4px; margin: 0 0.5em; padding: 0; }.tc-test-case-result-fail-header { background: #ffc9c9; color: #333333; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 4px; }.tc-test-case-result-fail-body { padding: 4px; }.tc-test-case-source > pre { height: 100%; }.tc-test-case-narrative { padding: 0.5em; }.tc-test-case-panes { display: flex; align-items: stretch; flex-wrap: wrap; padding: 0.5em; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }.tc-test-case-source { flex: 1 0 49%; min-width: 250px; }.tc-test-case-source .tc-tab-content { background: inherit; margin: 0; }.tc-test-case-source .tc-tab-content .tc-field-table { background: #ffffff; }.tc-test-case-source .tc-field-table { width: 100%; }.tc-test-case-source table.tc-field-table { margin: 0; }.tc-test-case-source .tc-tiddler-frame .tc-edit-texteditor { margin: 0; }.tc-test-case-divider { flex: 0 0 1.5%; }.tc-test-case-source .tc-tab-buttons { padding-top: 0; }.tc-test-case-footer-toolbar { display: flex; justify-content: flex-end; }.tc-test-case-output { box-shadow: inset 2px 2px 10px 0px #bbbbbb; background: #ffffff; border-radius: 4px; border: 1px solid #bbbbbb; flex: 1 0 49%; min-width: 250px; padding: 0.25em 1em; }/* ** Flexbox utility classes */.tc-flex { display: -webkit-flex; display: flex; }.tc-flex-column { flex-direction: column; }.tc-flex-row { flex-direction: row; }.tc-flex-grow-1 { flex-grow: 1; }.tc-flex-grow-2 { flex-grow: 2; }/* ** Other utility classes *//* Horizontal gaps */.tc-tiny-gap { margin-left: .25em; margin-right: .25em; }.tc-tiny-gap-left { -webkit-margin-start: .25em; margin-inline-start: .25em; }.tc-tiny-gap-right { -webkit-margin-end: .25em; margin-inline-end: .25em; }.tc-small-gap { margin-left: .5em; margin-right: .5em; }.tc-small-gap-left { -webkit-margin-start: .5em; margin-inline-start: .5em; }.tc-small-gap-right { -webkit-margin-end: .5em; margin-inline-end: .5em; }.tc-big-gap { margin-left: 1em; margin-right: 1em; }.tc-big-gap-left { -webkit-margin-start: 1em; margin-inline-start: 1em; }.tc-big-gap-right { -webkit-margin-end: 1em; margin-inline-end: 1em; }.tc-word-break { word-break: break-all; }/* Vertical gaps */.tc-tiny-v-gap-bottom { margin-bottom: 3px; }/* TODO: Remove the following rule once 2020 baseline is supported */ @supports not (border-inline-start: 1px solid #000000) { blockquote { border-left: 5px solid #bbbbbb; }blockquote.tc-big-quote { border-left: none; }.tc-tab-buttons.tc-vertical button { border-left: 1px solid #cccccc; border-right: none; }.tc-tab-buttons.tc-vertical button.tc-tab-selected { border-right: 1px solid #ffffff; }.tc-tab-content.tc-vertical { border-left: 1px solid #cccccc; } }/* TODO: Remove the following rule once 2021 baseline is supported */ @supports not (border-start-start-radius: 0px) { .tc-tab-buttons.tc-vertical button { border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; } }/* TODO: Remove the following rule once 2021 baseline is supported */ @supports not (inset-inline-start: 0) { .tc-tiddler-info-controls { right: 0; }.tc-alert-toolbar { right: 7px; } }/* TODO: Remove the following rule once 2023 baseline is supported */ @supports not (float: inline-end) { .tc-test-case-toolbar { float: right; }.tc-tiddler-frame .tc-tiddler-controls { float: right; } }/*! Theme: Default Description: Original highlight.js style Author: (c) Ivan Sagalaev Maintainer: @highlightjs/core-team Website: https://highlightjs.org/ License: see project LICENSE Touched: 2021 */pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}pre.hljs { padding: 0; }pre code.hljs { padding: 0.5em; }.hljs { background: #f8f8f8; color: #333333; -webkit-text-size-adjust:none; }.hljs-comment, .hljs-quote { color: #93a1a1; }/* Solarized Green */ .hljs-keyword, .hljs-selector-tag, .hljs-addition { color: #859900; }/* Solarized Cyan */ .hljs-number, .hljs-string, .hljs-meta .hljs-string, .hljs-literal, .hljs-doctag, .hljs-regexp { color: #2aa198; }/* Solarized Blue */ .hljs-title, .hljs-section, .hljs-name, .hljs-selector-id, .hljs-selector-class { color: #268bd2; }/* Solarized Yellow */ .hljs-attribute, .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-class .hljs-title, .hljs-type { color: #b58900; }/* Solarized Orange */ .hljs-symbol, .hljs-bullet, .hljs-subst, .hljs-meta, .hljs-meta .hljs-keyword, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-link { color: #cb4b16; }/* Solarized Red */ .hljs-built_in, .hljs-deletion { color: #dc322f; }.hljs-formula { background: #eee8d5; }.hljs-emphasis { font-style: italic; }.hljs-strong { font-weight: bold; } button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fclone, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fclone, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fclone, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fdelete, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fdelete, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fdelete, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fedit, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fedit, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fedit, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-here, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-here, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-here, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-journal-here, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-journal-here, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-journal-here, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fimport, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fimport, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fimport, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fmanager, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fmanager, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fmanager, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-image, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-image, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-image, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-journal, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-journal, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-journal, button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-tiddler, .tc-drop-down button.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-tiddler, div.tc-btn-\%24\%3A\%2Fcore\%2Fui\%2FButtons\%2Fnew-tiddler { display: none; } body.tc-dirty span.tc-dirty-indicator svg { transition: fill 250ms ease-in-out; }body .tc-image-cloud-idle { fill: #ffffff; transition: opacity 250ms ease-in-out; opacity: 1; display: unset; }body.tc-dirty .tc-image-cloud-idle { opacity: 0; display: none; }body .tc-image-cloud-progress { transition: opacity 250ms ease-in-out; transform-origin: 50% 50%; transform: rotate(359deg); animation: animation-rotate-slow 2s infinite linear; fill: #ffffff; display: none; opacity: 0; }body.tc-dirty .tc-image-cloud-progress { opacity: 1; display: unset; }@keyframes animation-rotate-slow { from { transform: rotate(0deg); } to { transform: scale(359deg); } } img.pictureFrame { border: .2em grey solid; margin: .3em; } [data-tags*="thumbs"] img { height: 6em; margin: .3em; } img.supportMeOnKoFi { width: 13em; } /* https://tiddlywiki.com/static/Using%2520Stylesheets.html https://tiddlywiki.com/static/Custom%2520styles%2520by%2520data-tags.html */