/*
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: #E5F4FB;
	
	--tpc-alert-border: #3EA9D1;
	
	--tpc-alert-highlight: #a52f5a;
	
	--tpc-alert-muted-foreground: #a6a8ad;
	
	--tpc-background: #CEEDF6;
	
	--tpc-blockquote-bar: #B9D5DD;
	
	--tpc-button-background: ;
	
	--tpc-button-border: ;
	
	--tpc-button-foreground: #545453;
	
	--tpc-code-background: #1518191A;
	
	--tpc-code-border: #1518191A;
	
	--tpc-code-foreground: #34373b;
	
	--tpc-diff-delete-background: #ffc9c9;
	
	--tpc-diff-delete-foreground: #34373b;
	
	--tpc-diff-equal-background: ;
	
	--tpc-diff-equal-foreground: #34373b;
	
	--tpc-diff-insert-background: #aaefad;
	
	--tpc-diff-insert-foreground: #34373b;
	
	--tpc-diff-invisible-background: ;
	
	--tpc-diff-invisible-foreground: #7b7679;
	
	--tpc-dirty-indicator: #ba432e;
	
	--tpc-download-background: #49769F;
	
	--tpc-download-foreground: #CEEDF6;
	
	--tpc-dragger-background: #34373b;
	
	--tpc-dragger-foreground: #CEEDF6;
	
	--tpc-dropdown-background: #CEEDF6;
	
	--tpc-dropdown-border: #CEEDF6;
	
	--tpc-dropdown-tab-background: #9addf1;
	
	--tpc-dropdown-tab-background-selected: #CEEDF6;
	
	--tpc-dropzone-background: #4270a588;
	
	--tpc-external-link-background: inherit;
	
	--tpc-external-link-background-hover: inherit;
	
	--tpc-external-link-background-visited: inherit;
	
	--tpc-external-link-foreground: #205289;
	
	--tpc-external-link-foreground-hover: #ae4b4f;
	
	--tpc-external-link-foreground-visited: #6f4495;
	
	--tpc-footnote-target-background: #ecf2ff;
	
	--tpc-foreground: #34373b;
	
	--tpc-highlight-background: #ffda07;
	
	--tpc-highlight-foreground: #34373b;
	
	--tpc-message-background: #C4E1EA;
	
	--tpc-message-border: #B9D5DD;
	
	--tpc-message-foreground: #34373b;
	
	--tpc-modal-backdrop: #34373b;
	
	--tpc-modal-background: #CEEDF6;
	
	--tpc-modal-border: #CEEDF6;
	
	--tpc-modal-footer-background: #9addf1;
	
	--tpc-modal-footer-border: #8BC7D9;
	
	--tpc-modal-header-border: #8BC7D9;
	
	--tpc-muted-foreground: #7b7679;
	
	--tpc-network-activity-foreground: #448844;
	
	--tpc-notification-background: #CEEDF6;
	
	--tpc-notification-border: #3EA9D1;
	
	--tpc-page-background: #5FC1E2;
	
	--tpc-pre-background: #B9D5DD;
	
	--tpc-pre-border: #B9D5DD;
	
	--tpc-primary: #3EA9D1;
	
	--tpc-select-tag-background: #c3e8f4;
	
	--tpc-select-tag-foreground: #545453;
	
	--tpc-selection-background: ;
	
	--tpc-selection-foreground: ;
	
	--tpc-sidebar-button-foreground: #545453;
	
	--tpc-sidebar-controls-foreground: #9cd7ec;
	
	--tpc-sidebar-controls-foreground-hover: #4a8bb8;
	
	--tpc-sidebar-foreground: #3f6e89;
	
	--tpc-sidebar-foreground-shadow: transparent;
	
	--tpc-sidebar-muted-foreground: #668fac;
	
	--tpc-sidebar-muted-foreground-hover: #18496a;
	
	--tpc-sidebar-tab-background: #CEEDF6AA;
	
	--tpc-sidebar-tab-background-selected: #E5F4FB;
	
	--tpc-sidebar-tab-border: #CEEDF6AA;
	
	--tpc-sidebar-tab-border-selected: #E5F4FB;
	
	--tpc-sidebar-tab-divider: #CEEDF6AA;
	
	--tpc-sidebar-tab-foreground: #34373b;
	
	--tpc-sidebar-tab-foreground-selected: #34373b;
	
	--tpc-sidebar-tiddler-link-foreground: #4270a5;
	
	--tpc-sidebar-tiddler-link-foreground-hover: #4270a588;
	
	--tpc-site-title-foreground: #CEEDF6;
	
	--tpc-stability-deprecated: #ff0000;
	
	--tpc-stability-experimental: #c07c00;
	
	--tpc-stability-legacy: #0000ff;
	
	--tpc-stability-stable: #00b700;
	
	--tpc-static-alert-foreground: #7b7679;
	
	--tpc-tab-background: #9addf1;
	
	--tpc-tab-background-selected: #CEEDF6;
	
	--tpc-tab-border: #8BC7D9;
	
	--tpc-tab-border-selected: #8BC7D9;
	
	--tpc-tab-divider: #8BC7D9;
	
	--tpc-tab-foreground: #34373b;
	
	--tpc-tab-foreground-selected: #34373b;
	
	--tpc-table-border: #8BC7D9;
	
	--tpc-table-footer-background: #c5d8dd;
	
	--tpc-table-header-background: #9addf1;
	
	--tpc-tag-background: #7888b6;
	
	--tpc-tag-foreground: #E5F4FB;
	
	--tpc-testcase-accent-level-1: #c1eaff;
	
	--tpc-testcase-accent-level-2: #E3B740;
	
	--tpc-testcase-accent-level-3: #5FD564;
	
	--tpc-tiddler-background: #CEEDF6;
	
	--tpc-tiddler-border: #CEEDF6;
	
	--tpc-tiddler-controls-foreground: #9cd7ec;
	
	--tpc-tiddler-controls-foreground-hover: #4a8bb8;
	
	--tpc-tiddler-controls-foreground-selected: #49769F;
	
	--tpc-tiddler-editor-background: #c3e8f4;
	
	--tpc-tiddler-editor-border: #B0D1DC;
	
	--tpc-tiddler-editor-border-image: #ffffff;
	
	--tpc-tiddler-editor-fields-even: #9cd7ec88;
	
	--tpc-tiddler-editor-fields-odd: ;
	
	--tpc-tiddler-info-background: #cdecf5;
	
	--tpc-tiddler-info-border: #cdecf5;
	
	--tpc-tiddler-info-tab-background: #cdecf5;
	
	--tpc-tiddler-link-background: transparent;
	
	--tpc-tiddler-link-foreground: #49769F;
	
	--tpc-tiddler-subtitle-foreground: #7b7679;
	
	--tpc-tiddler-title-foreground: #34373b;
	
	--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: #8f939f;
	
	--tpc-very-muted-foreground: #545453;
	
	--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: var(–font-filipino-sans-default);
	--tp-code-font-family: var(–font-mono-default);
	--tp-editor-font-family: var(–font-mono-default);
	--tp-font-size: ;
	--tp-line-height: ;
	--tp-body-font-size: ;
	--tp-body-line-height: ;
	--tp-story-left: 0px;
	--tp-story-top: 17px;
	--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 #3EA9D1;
	outline-offset: -2px;
	border-radius: 0.25em;
}button:-moz-focusring, input:-moz-focusring, textarea:-moz-focusring, select:-moz-focusring {
	outline: 2px solid #3EA9D1;
	outline-offset: -2px;
	border-radius: 0.25em;
}/*
** Button default styles. Makes them look consistent for all browsers
*/
html button {
	line-height: 1.2;
	color: #545453;
	fill: #545453;
	background: ;
	border-color: ;
	cursor: pointer;
}button:disabled {
	cursor: default;
	color: #7b7679;
}button:disabled svg {
	fill: #7b7679;
}/*
** Basic element styles
*/html, body {
	font-family: var(–font-filipino-sans-default);
	text-rendering: optimizeLegibility; /* Enables kerning and ligatures etc. */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}html:-webkit-full-screen {
	background-color: #5FC1E2;
}body.tc-body {
	font-size: ;
	line-height: ;
	word-wrap: break-word;
	


	color: #34373b;
	background-color: #5FC1E2;
	fill: #34373b;
}/**
 * 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: #B9D5DD;
	border: 1px solid #B9D5DD;
	padding: 0 3px 2px;
	border-radius: 3px;
	font-family: var(–font-mono-default);
}code {
	color: #34373b;
	background-color: #1518191A;
	border: 1px solid #1518191A;
	white-space: pre-wrap;
	padding: 0 3px 2px;
	border-radius: 3px;
	font-family: var(–font-mono-default);
}blockquote {
	border-inline-start: 5px solid #B9D5DD;
		-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: #B9D5DD;
	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: #B9D5DD;
	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: #B9D5DD;
	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: #34373b;
	background: #CEEDF6;
}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: #7b7679;
}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: #34373b;
	vertical-align: middle;
	background-color: #CEEDF6;
	border: solid 1px #7b7679;
	border-bottom-color: #7b7679;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 #7b7679;
}::selection {
	background-color: Highlight;
	color: HighlightText;
	background-color: ;
	color: ;
}.tc-inline-style {
	background: #ffda07;
	color: #34373b;
}/* Markdown uses mark element to highlight */mark {
	background: #ffda07;
	color: #34373b;
}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 #8BC7D9;
	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 #8BC7D9;
	border-left: 1px solid #8BC7D9;
}table thead tr td, table th {
	background-color: #9addf1;
	font-weight: bold;
}table tfoot tr td {
	background-color: #c5d8dd;
}/*
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: #49769F;
	-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: #4270a5;
}.tc-sidebar-lists a.tc-tiddlylink:hover {
	color: #4270a588;
}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: #205289;
	background-color: inherit;
}a.tc-tiddlylink-external:visited {
	color: #6f4495;
	background-color: inherit;
}a.tc-tiddlylink-external:hover {
	color: #ae4b4f;
	background-color: inherit;
}.tc-drop-down a.tc-tiddlylink:hover {
	color: transparent;
}/*
** 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: #CEEDF6;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 1);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #34373b;
	border-radius: 20px;
}.tc-tiddler-dragger-cover {
	position: absolute;
	background-color: #5FC1E2;
}.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: #4270a588;
	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 #4270a588;
}.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: #7b7679;
}/*
** Plugin reload warning
*/.tc-plugin-reload-warning {
	z-index: 1000;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #E5F4FB;
	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: #34373b;
	fill: #34373b;
}button:disabled.tc-btn-invisible  {
	cursor: default;
	color: #7b7679;
}.tc-btn-boxed {
	font-size: 0.6em;
	padding: 0.2em;
	margin: 1px;
	background: none;
	border: 1px solid #9cd7ec;
	border-radius: 0.25em;
}html body.tc-body .tc-btn-boxed svg {
	font-size: 1.6666em;
}.tc-btn-boxed:hover {
	background: #7b7679;
	color: #CEEDF6;
}html body.tc-body .tc-btn-boxed:hover svg {
	fill: #CEEDF6;
}.tc-btn-rounded {
	font-size: 0.5em;
	line-height: 2;
	padding: 0em 0.3em 0.2em 0.4em;
	margin: 1px;
	border: 1px solid #7b7679;
	background: #7b7679;
	color: #CEEDF6;
	border-radius: 2em;
}html body.tc-body .tc-btn-rounded svg {
	font-size: 1.6666em;
	fill: #CEEDF6;
}.tc-btn-rounded:hover {
	border: 1px solid #7b7679;
	background: #CEEDF6;
	color: #7b7679;
}html body.tc-body .tc-btn-rounded:hover svg {
	fill: #7b7679;
}.tc-btn-icon svg {
	height: 1em;
	width: 1em;
	fill: #7b7679;
}.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: #49769F;
	color: #CEEDF6;
	fill: #CEEDF6;
	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: #CEEDF6;
}.tc-primary-btn {
	background: #3EA9D1;
}.tc-sidebar-lists input {
	color: #34373b;
}.tc-sidebar-lists button {
	color: #545453;
	fill: #545453;
}.tc-sidebar-lists button.tc-btn-mini {
	color: #668fac;
}.tc-sidebar-lists button.tc-btn-mini:hover {
	color: #18496a;
}.tc-sidebar-lists button small {
	color: #34373b;
}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 #cdecf5;
	margin-top: 4px;
}.tc-unfold-banner:hover {
	background: #cdecf5;
	border-top: 2px solid #cdecf5;
}.tc-unfold-banner svg, .tc-fold-banner svg {
	height: 0.75em;
	fill: #9cd7ec;
}.tc-unfold-banner:hover svg, .tc-fold-banner:hover svg {
	fill: #4a8bb8;
}.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: #cdecf5;
}@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: #3EA9D1;
}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: #E5F4FB;
	white-space: break-spaces;
	vertical-align: baseline;
	background-color: #7888b6;
	border-radius: 1em;
}.tc-sidebar-scrollable .tc-tag-label {
	text-shadow: none;
}.tc-untagged-separator {
	border: 0;
	height: 1px;
	background: #8BC7D9;
}button.tc-untagged-label {
	background-color: #8f939f;
}.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: #3EA9D1;
	color: #CEEDF6;
}/*
** 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: #7b7679;
}.tc-topbar button:hover svg {
	fill: #34373b;
}@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: #3f6e89;
	fill: #3f6e89;
}.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: #3f6e89;
}.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: #9cd7ec;
}.tc-page-controls button:hover svg, .tc-page-controls a:hover svg {
	fill: #4a8bb8;
}.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: 17px;
		transition:  min-height 400ms ease-in-out, padding-top 400ms ease-in-out, padding-bottom 400ms ease-in-out;
	}

		.tc-sidebar-header {
			min-height: 0;
			padding-top: 0;
			padding-bottom: 0;
		}

	.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: 17px;
		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: 17px;
		width: 770px;
		padding: 42px 42px 42px 42px;
	}

	.tc-story-river {
		width: calc(100% - 0px);
	}

.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: #CEEDF6;
	border: 1px solid #CEEDF6;
}

.tc-tiddler-title {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	top: 0px;
	background: #CEEDF6;
	z-index: 500;
}



.tc-story-river .tc-tiddler-frame:nth-child(100n+1) {
z-index: 199;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+2) {
z-index: 198;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+3) {
z-index: 197;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+4) {
z-index: 196;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+5) {
z-index: 195;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+6) {
z-index: 194;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+7) {
z-index: 193;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+8) {
z-index: 192;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+9) {
z-index: 191;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+10) {
z-index: 190;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+11) {
z-index: 189;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+12) {
z-index: 188;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+13) {
z-index: 187;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+14) {
z-index: 186;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+15) {
z-index: 185;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+16) {
z-index: 184;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+17) {
z-index: 183;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+18) {
z-index: 182;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+19) {
z-index: 181;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+20) {
z-index: 180;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+21) {
z-index: 179;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+22) {
z-index: 178;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+23) {
z-index: 177;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+24) {
z-index: 176;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+25) {
z-index: 175;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+26) {
z-index: 174;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+27) {
z-index: 173;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+28) {
z-index: 172;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+29) {
z-index: 171;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+30) {
z-index: 170;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+31) {
z-index: 169;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+32) {
z-index: 168;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+33) {
z-index: 167;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+34) {
z-index: 166;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+35) {
z-index: 165;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+36) {
z-index: 164;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+37) {
z-index: 163;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+38) {
z-index: 162;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+39) {
z-index: 161;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+40) {
z-index: 160;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+41) {
z-index: 159;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+42) {
z-index: 158;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+43) {
z-index: 157;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+44) {
z-index: 156;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+45) {
z-index: 155;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+46) {
z-index: 154;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+47) {
z-index: 153;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+48) {
z-index: 152;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+49) {
z-index: 151;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+50) {
z-index: 150;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+51) {
z-index: 149;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+52) {
z-index: 148;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+53) {
z-index: 147;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+54) {
z-index: 146;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+55) {
z-index: 145;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+56) {
z-index: 144;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+57) {
z-index: 143;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+58) {
z-index: 142;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+59) {
z-index: 141;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+60) {
z-index: 140;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+61) {
z-index: 139;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+62) {
z-index: 138;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+63) {
z-index: 137;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+64) {
z-index: 136;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+65) {
z-index: 135;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+66) {
z-index: 134;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+67) {
z-index: 133;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+68) {
z-index: 132;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+69) {
z-index: 131;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+70) {
z-index: 130;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+71) {
z-index: 129;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+72) {
z-index: 128;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+73) {
z-index: 127;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+74) {
z-index: 126;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+75) {
z-index: 125;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+76) {
z-index: 124;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+77) {
z-index: 123;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+78) {
z-index: 122;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+79) {
z-index: 121;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+80) {
z-index: 120;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+81) {
z-index: 119;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+82) {
z-index: 118;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+83) {
z-index: 117;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+84) {
z-index: 116;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+85) {
z-index: 115;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+86) {
z-index: 114;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+87) {
z-index: 113;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+88) {
z-index: 112;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+89) {
z-index: 111;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+90) {
z-index: 110;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+91) {
z-index: 109;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+92) {
z-index: 108;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+93) {
z-index: 107;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+94) {
z-index: 106;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+95) {
z-index: 105;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+96) {
z-index: 104;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+97) {
z-index: 103;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+98) {
z-index: 102;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+99) {
z-index: 101;
}


.tc-story-river .tc-tiddler-frame:nth-child(100n+100) {
z-index: 100;
}



.tc-tiddler-info {
	padding: 14px 42px 14px 42px;
	background-color: #cdecf5;
	border-top: 1px solid #cdecf5;
	border-bottom: 1px solid #cdecf5;
}.tc-tiddler-info p {
	margin-top: 3px;
	margin-bottom: 3px;
}.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected {
	background-color: #cdecf5;
	border-bottom: 1px solid #cdecf5;
}@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-frame {
		width: 100%;
	}

.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: #34373b;
	margin: 0;
}.tc-site-title {
	color: #CEEDF6;
}.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: #7b7679;
}.tc-tiddler-lazy-loading {
	height: 4px;
	width: 100%;
	background: no-repeat linear-gradient(#CEEDF6 0 0),no-repeat linear-gradient(#CEEDF6 0 0),#3EA9D1;
	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: #7b7679;
	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: #9cd7ec;
}.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: #49769F;
}.tc-tiddler-controls button.tc-btn-invisible:hover svg,
.tc-search button:hover svg, .tc-search a:hover svg {
	fill: #4a8bb8;
}@media print {
	.tc-tiddler-controls {
		display: none;
	}
}.tc-tiddler-help { /* Help prompts within tiddler template */
	color: #7b7679;
	margin-top: 14px;
}.tc-tiddler-help a.tc-tiddlylink {
	color: #545453;
}.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 #B0D1DC;
	line-height: 1.3em;
	font-family: var(–font-mono-default);
}.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: #c3e8f4;
}.tc-tiddler-frame iframe.tc-edit-texteditor {
	background-color: #CEEDF6;
}.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: #E5F4FB;
	border: 1px solid #3EA9D1;
}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: ;
	line-height: ;
}.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: #CEEDF6;
}.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: #9cd7ec;
	color: #49769F;
	fill: #49769F;
	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: #3EA9D1;
}.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: #49769F;
	fill: #CEEDF6;
	color: #CEEDF6;
}.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);
	}.tc-story-river {
		padding-right: 3em;
		margin-right: 0;
	}body.tc-body .tc-page-container.tc-page-view-zoomin .tc-tiddler-frame {
		width: 100%;
		width: calc(100% - 84px);
	}}/*
** 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: #7b7679;
	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 #B0D1DC;
	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 #B0D1DC;
	margin: 4px 0 3px 3px;
	padding: 3px 3px 3px 3px;
}.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: ;
}.tc-edit-fields > tbody > .tc-edit-field:nth-child(even) {
	background-color: #9cd7ec88;
}.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: #7b7679;
	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: #4270a588;
	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: #CEEDF6;
	border: 4px dashed #CEEDF6;
	font-weight: bold;
	font-size: 150%;
	opacity: 0.8;
	color: #34373b;
}.tc-editor-importpopup {
	width: 100%;
	height: 100%;
}.tc-editor-import {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #B9D5DD;
	box-shadow: 2px 2px 10px #34373b;
	padding: 10px;
	width: 96%;
	border: 1px solid #9cd7ec;
	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: #7b7679;
}.tc-drop-down-wrapper {
	position: relative;
}.tc-drop-down {
	min-width: 380px;
	border: 1px solid #CEEDF6;
	background-color: #CEEDF6;
	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: #34373b;
}.tc-drop-down button:disabled svg {
	fill: #7b7679;
}.tc-drop-down button.tc-btn-invisible:hover svg {
	fill: #CEEDF6;
}.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: #34373b;
	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: #34373b;
}.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button {
	color: transparent;
	background-color: #49769F;
	text-decoration: none;
}.tc-drop-down .tc-tab-buttons button {
	background-color: #9addf1;
}.tc-drop-down .tc-tab-buttons button.tc-tab-selected {
	background-color: #CEEDF6;
	border-bottom: 1px solid #CEEDF6;
}.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 #CEEDF6;
	background-color: #CEEDF6;
	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: #7b7679;
}.tc-block-dropdown a.tc-tiddlylink:hover {
	color: transparent;
	background-color: #49769F;
	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 #7b7679;
	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: #3EA9D1;
	padding: 0px;
	border: 3px solid #3EA9D1;
}.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: #34373b;
}.tc-modal {
	z-index: 1100;
	background-color: #CEEDF6;
	border: 1px solid #CEEDF6;
}@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 #8BC7D9;
}.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: #9addf1;
	border-top: 1px solid #8BC7D9;
}.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: #CEEDF6;
	border: 1px solid #3EA9D1;
}/*
** 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: #34373b;
	background-color: #CEEDF6;
	border-left: 1px solid #8BC7D9;
	border-top: 1px solid #8BC7D9;
	border-right: 1px solid #8BC7D9;
}.tc-tab-buttons button {
	color: #34373b;
	padding: 3px 5px 3px 5px;
	margin-right: 0.3em;
	font-weight: normal;
	border: none;
	background: inherit;
	background-color: #9addf1;
	border-left: 1px solid #8BC7D9;
	border-top: 1px solid #8BC7D9;
	border-right: 1px solid #8BC7D9;
	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: #9addf1;
	border-inline-start: 1px solid #8BC7D9;
	border-bottom: 1px solid #8BC7D9;
	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: #CEEDF6;
	border-inline-end: 1px solid #CEEDF6;
}.tc-tab-divider {
	border-top: 1px solid #8BC7D9;
}.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 #8BC7D9;
	-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: #E5F4FB;
	color: #34373b;
	border-left: 1px solid #E5F4FB;
	border-top: 1px solid #E5F4FB;
	border-right: 1px solid #E5F4FB;
}.tc-sidebar-lists .tc-tab-buttons button {
	background-color: #CEEDF6AA;
	color: #34373b;
	border-left: 1px solid #CEEDF6AA;
	border-top: 1px solid #CEEDF6AA;
	border-right: 1px solid #CEEDF6AA;
}.tc-sidebar-lists .tc-tab-divider {
	border-top: 1px solid #CEEDF6AA;
}.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
	display: block;
	width: 100%;
	background-color: #CEEDF6AA;
	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: #E5F4FB;
	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 #7b7679;
	border-left: 1px solid #7b7679;
	border-right: 1px solid #7b7679;
}.tc-manager-list-item {}.tc-manager-list-item-heading {
	display: block;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #7b7679;
	padding: 3px;
}.tc-manager-list-item-heading-selected {
	font-weight: bold;
	color: #CEEDF6;
	fill: #CEEDF6;
	background-color: #34373b;
}.tc-manager-list-item-heading:hover {
	background: #3EA9D1;
	color: #CEEDF6;
}.tc-manager-list-item-content {
	display: flex;
}.tc-manager-list-item-content-sidebar {
	flex: 1 0;
	background: #c3e8f4;
	border-right: 0.5em solid #7b7679;
	border-bottom: 0.5em solid #7b7679;
	white-space: nowrap;
}.tc-manager-list-item-content-item-heading {
	display: block;
	width: 100%;
	text-align: left;
	background: #7b7679;
	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 #7b7679;
	border-right: 0.5em solid #7b7679;
	border-bottom: 0.5em solid #7b7679;
}.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: #c3e8f4;
	border: 1px solid #B0D1DC;
	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: #54545310;
	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 #3EA9D1;
	background-color: #E5F4FB;
}.tc-alert-toolbar {
	position: absolute;
	top: 7px;
	inset-inline-end: 7px;
	line-height: 0;
}.tc-alert-toolbar svg {
	fill: #a6a8ad;
}.tc-alert-subtitle {
	color: #a6a8ad;
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 0.5em;
}.tc-alert-body > p {
	margin: 0;
}.tc-alert-highlight {
	color: #a52f5a;
}@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: #7b7679;
}/*
** 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 #CEEDF6;
	border-bottom: none;
	background: #ba432e;
	color: #CEEDF6;
	fill: #CEEDF6;
}.tc-drafts-list a:hover {
	text-decoration: none;
	background: #34373b;
	color: #CEEDF6;
	fill: #CEEDF6;
}.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 #B9D5DD;
}.tc-plugin-info {
	display: flex;
	text-shadow: none;
	border: 1px solid #7b7679;
	fill: #7b7679;
	background-color: #CEEDF6;
	margin: 0.5em 0 0.5em 0;
	padding: 4px;
	align-items: center;
}.tc-sidebar-lists a.tc-tiddlylink.tc-plugin-info {
	color: #49769F;
}.tc-plugin-info-sub-plugins .tc-plugin-info {
	margin: 0.5em;
	background: #CEEDF6;
}.tc-plugin-info-sub-plugin-indicator {
	margin: -16px 1em 0 2em;
}.tc-plugin-info-sub-plugin-indicator button {
	color: #CEEDF6;
	background: #34373b;
	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: #3EA9D1;
	color: #CEEDF6;
	fill: #34373b;
}a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk > svg {
	fill: #CEEDF6;
}a.tc-tiddlylink.tc-plugin-info:hover > .tc-plugin-info-chunk .tc-plugin-info-stability {
	border: 1px solid #CEEDF6;
	color: #CEEDF6;
}.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 #7b7679;
	background: #CEEDF6;
	margin-top: -8px;
}.tc-plugin-info-dropdown-message {
	background: #C4E1EA;
	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: #CEEDF6;
}.tc-plugin-info-sub-plugins {
	padding: 0.5em;
	margin: 0 1em 1em 1em;
	background: #CEEDF6;
}.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 #B9D5DD;
	background: #C4E1EA;
	padding: 0px 21px 0px 21px;
	font-size: 12px;
	line-height: 18px;
	color: #34373b;
}.tc-message-box svg {
	width: 1em;
	height: 1em;
	vertical-align: text-bottom;
}/*
** Pictures
*/.tc-bordered-image {
	border: 1px solid #7b7679;
	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 #9addf1;
	border-left: 1px solid #9addf1;
}.tc-chooser-item {
	border-bottom: 1px solid #9addf1;
	border-top: 1px solid #9addf1;
	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: #9addf1;
	border-color: #c5d8dd;
}.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: #34373b;
}.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: #3f6e89;
}.tc-table-of-contents svg {
	width: 0.7em;
	height: 0.7em;
	vertical-align: middle;
	fill: #3f6e89;
}.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: #9addf1;
	border-left: 1px solid #8BC7D9;
	border-top: 1px solid #8BC7D9;
	border-bottom: 1px solid #8BC7D9;
}.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 #9addf1;
	border-left: 1px solid #9addf1;
	border-bottom: 1px solid #9addf1;
}.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a:hover {
	text-decoration: none;
	border-top: 1px solid #8BC7D9;
	border-left: 1px solid #8BC7D9;
	border-bottom: 1px solid #8BC7D9;
	background: #8BC7D9;
}.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {
	border-top: 1px solid #8BC7D9;
	border-left: 1px solid #8BC7D9;
	border-bottom: 1px solid #8BC7D9;
	background: #CEEDF6;
	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 #8BC7D9;
	-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: #ba432e;
	color: #ba432e;
}/*
** 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: #34373b;
}.tc-diff-insert {
	background-color: #aaefad;
	color: #34373b;
}.tc-diff-delete {
	background-color: #ffc9c9;
	color: #34373b;
}.tc-diff-invisible {
	background-color: ;
	color: #7b7679;
}.tc-diff-tiddlers th {
	text-align: right;
	background: #CEEDF6;
	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: #545453;
	background: #c3e8f4;
}/*
** Translink macro
*/.tc-translink {
	background-color: #B9D5DD;
	border: 1px solid #B9D5DD;
	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 #34373b;
	background-color: #7b7679;
	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 #34373b;
}.tc-global-tiddler-body-details {
	background-color: #CEEDF6;
}.tc-global-tiddler-body pre {
	margin: 0;
	border: 1px solid #34373b;
}/*
** Utility classes for SVG icons
*/.tc-fill-background {
	fill: #CEEDF6;
}.tc-network-activity-background {
	fill: #448844;
}/*
** Test Cases
*/.tc-test-case-wrapper {
	border: 1px solid #34373b;
	background-color: #7b7679;
	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: #7b7679;
}.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: #CEEDF6;
	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: #9cd7ec;
}.tc-test-case-toolbar .tc-drop-down {
	font-size: 0.8em;
}.tc-test-case-result-fail {
	border: 1px solid #34373b;
	background-color: #CEEDF6;
	border-radius: 4px;
	margin: 0 0.5em;
	padding: 0;
}.tc-test-case-result-fail-header {
	background: #ffc9c9;
	color: #34373b;
	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: #CEEDF6;
}.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 #7b7679;
	background: #CEEDF6;
	border-radius: 4px;
	border: 1px solid #7b7679;
	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 #B9D5DD;
	}blockquote.tc-big-quote {
		border-left: none;
	}.tc-tab-buttons.tc-vertical button {
		border-left: 1px solid #8BC7D9;
		border-right: none;
	}.tc-tab-buttons.tc-vertical button.tc-tab-selected {
		border-right: 1px solid #CEEDF6;
	}.tc-tab-content.tc-vertical {
		border-left: 1px solid #8BC7D9;
	}
}/* 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;
	}
}/* ============ Emphasized theme v0.0.23 ============= */

/* FONTS */
body.tc-body {
    font-family: Verdana, Geneva, "DejaVu Sans", sans-serif;
}

code, kbd, pre, samp {
     font-family: Inconsolata, Consolas, monospace, serif;
}

textarea, input[type="text"], input[type="search"], input[type=""], input:not([type]) {
     font-family: Inconsolata, Consolas, monospace, serif;
}

textarea.tc-edit-texteditor {
     font-family: Inconsolata, Consolas, monospace, serif;
}

.tc-tiddler-frame input.tc-edit-texteditor,
.tc-tiddler-frame textarea.tc-edit-texteditor,
.tc-tiddler-frame iframe.tc-edit-texteditor {
    font-family_: Inconsolata, Consolas, monospace, serif;
}

/* GENERAL STYLES */
/* body prefix required! */
body.tc-body {
     color: #34373b;
     background-color: #5FC1E2;
}

/* TIDDLER FRAME STYLES */

@media screen {
     .tc-tiddler-frame {
          border-radius: 1em;
          -moz-border-radius: 1em;
          -webkit-border-radius: 1em;
          
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

     }
}

@media (max-width: 960px) {
     .tc-tiddler-frame {
          
		box-shadow: none;

     }
}

/* TITLE STYLES */
.tc-site-title, .tc-titlebar {
     font-size: 2em;
     font-weight: bold;
     color: #34373b;
     text-shadow: 2px 2px 4px #545453;
     border-bottom: 2px solid #9cd7ec;
     margin-bottom: 0.4em;
     padding-bottom: 11px;
}

.tc-titlebar {
     font-size: 1.9em;
     padding-top: 2px;
}

.tc-site-title {
     padding-bottom: 14px;
}

/* HEADING STYLES */
h1, h2, h3, h4, h5, h6 {
     line-height: 1em;
}

h1 {
     font-size: 1.3em;
     font-weight: 700;
}

h2 {
     font-size: 1.2em;
     font-weight: 700;
     margin-bottom:-.2em;
     margin-top:1.2em;
}

h3 {
     font-size: 1.1em;
     font-weight: 700;
     margin-bottom:-.4em;
     margin-top:1.4em;
}

h4 {
     font-size: 1.0em;
     font-variant:small-caps;
     font-weight: 700;
     margin-bottom:-.6em;
     margin-top:1.6em;
}

.tc-sidebar-header {
     text-shadow: none;
}

/* LINK STYLES */
button.tc-tiddlylink, a.tc-tiddlylink {
     color: #49769F;
     font-weight: normal;
}

a.tc-tiddlylink:hover {
     color: #34373b;
     background-color: #7b7679;
     text-decoration: underline;
}

/* MISSING TIDDLER LINK */
a.tc-tiddlylink-missing {
     color: #FF0000;
}

/* SHADOW TIDDLER LINK */
a.tc-tiddlylink-shadow {
     font-weight: bold;
}

/* OVERRIDDEN SHADOW TIDDLER LINK */
a.tc-tiddlylink-shadow.tc-tiddlylink-resolves {
     font-weight: bold;
     color: #884411;
}

/* TABS*/

.tc-tab-buttons {
     margin-bottom: -1px;
}

.tc-tab-buttons button {
     color: #34373b;
     background-color: #9addf1;
     border: 1px solid #CEEDF6;
     border-radius: 0.3em;
}

.tc-tab-buttons button.tc-tab-selected {
     font-weight: bold;
     color: #34373b;
     background-color: #CEEDF6;
     border: 1px solid #8BC7D9;
     border-radius: 0.3em;
}

/* SIDEBAR TABS */
.tc-sidebar-lists .tc-tab-buttons button {
     color: #34373b;
     background-color: #9addf1;
     border: 1px solid #CEEDF6;
     border-radius: 0.3em;
}

.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {
     font-weight: bold;
     color: #34373b;
     background-color: #CEEDF6;
     border: 1px solid #8BC7D9;
     border-radius: 0.3em;
}

/* SIDEBAR 'More' TABS */
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button {
     background-image: none;
     background-color: #9addf1;
     border: 1px solid #CEEDF6;
}
.tc-more-sidebar > .tc-tab-set > .tc-tab-buttons > button.tc-tab-selected {
     background-image: none;
     background-color: #CEEDF6;
     border: 1px solid #8BC7D9;
}

/* TAB DIVIDER */
.tc-sidebar-lists .tc-tab-divider {
     border-top: 1px solid #CEEDF6;
}

/* TIDDLER INFO TABS */
.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected {
     font-weight: bold;
     background-color: #CEEDF6;
}

/* SIDEBAR STYLES */
/* subtitle, date recent tiddlers, search heading + count, tag count, TW version */
.tc-sidebar-header {
     color: #3f6e89;
}

/* entries (links) in Sidebar tabs + X to close search */
.tc-sidebar-lists a.tc-tiddlylink {
     color: #4270a5;
     fill: #4270a5;
}

.tc-sidebar-lists a.tc-tiddlylink:hover {
     color: #4270a588;
     fill: #4270a588;
}

/* SIDEBAR: MISSING TIDDLERS */
.tc-sidebar-header .tc-missing-tiddler-label {
     color: #FF0000;
}

/* BROWN OVERWRITTEN SHADOW TIDDLERS */
.tc-sidebar-lists a.tc-tiddlylink-shadow.tc-tiddlylink-resolves {
     font-weight: bold;
     color: #884411;
}

/* search entries */
.tc-sidebar-lists input {
     color: #34373b;
}

/* ====== GENERAL HTML BUTTON STYLE ====== */
button, optgroup, select {
     
background-image: linear-gradient(#FFFFFF,#E8EEF9);
background-image: -moz-linear-gradient(#FFFFFF,#E8EEF9);
background-image: -webkit-linear-gradient(#FFFFFF,#E8EEF9);

padding: 2px 4px;
     border-radius: 0.3em;
     border: 1px solid #7b7679
}

/* ====== SIDEBAR ====== */
/* PAGE CONTROLS BUTTON STYLES */
.tc-page-controls svg {
     fill: #9cd7ec;
}

.tc-page-controls button:hover svg,
.tc-page-controls a:hover svg {
     fill: #4a8bb8;
}

/* SIDEBAR OPEN 'x' & 'close all' STYLE */
.tc-sidebar-lists button.tc-btn-mini {
     color: #668fac;
     font-weight: bold;
}

.tc-sidebar-lists button.tc-btn-mini:hover {
     fill: #18496a;
     font-weight: bold;
}

/* ====== TIDDLER ====== */
/* TIDDLER CONTROLS BUTTON STYLE */
/* html prefix required!! */
html .tc-tiddler-controls svg {
     fill: #9cd7ec;
}

.tc-tiddler-controls button.tc-btn-invisible:hover svg {
     fill: #4a8bb8;
}

/* MORE DROPDOWN STYLE */
.tc-tiddler-controls .tc-drop-down a,
.tc-tiddler-controls .tc-drop-down button {
     font-size: 0.9em;
     font-weight: normal;
}

/* ====== MICELLANEOUS ====== */
/* DROPDOWN STYLES (from SnowWite) */
.tc-drop-down {
	border-radius: 4px;
	
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);

}

.tc-block-dropdown {
	border-radius: 4px;
	
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);

}

/* TAG STYLES */
/* DEFAULT COLOR TAG PILLS */
button.tc-tag-label, span.tc-tag-label {
     background-color: #7888b6;
}

/* TAGS DROPDOWN LISTS */
.tc-tag-list-item .tc-drop-down a,
.tc-drop-down button,
.tc-sidebar-lists .tc-drop-down a,
.tc-sidebar-lists .tc-drop-down button {
     color: #34373b;
     font-size: 1.0em;
}

.tc-tag-list-item .tc-drop-down a:hover,
.tc-sidebar-lists .tc-drop-down a:hover {
     color: #CEEDF6;
}

/* MESSAGE/NOTIFICATION STYLES (from SnowWhite) */
.tc-message-box img {
	
		box-shadow: 1px 1px 3px rgba(0,0,0,0.5);

}

.tc-notification {
	border-radius: 6px;
	
		box-shadow: 0 3px 7px rgba(0,0,0,0.3);

	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}

/* MESSAGE SHIFTED 30px TO THE LEFT */
.tc-notification {
     right: 72px;
     background-color: #FFFFFF;
}

/* MISC STYLES */

/* HORIZONTAL LINE */
hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #D1DDF3;
    margin: 1em 0;
    padding: 0;
}

/* BLOCKQUOTE */
blockquote {
     border-left: 5px solid #7b7679;
}

/* SLIDER */
html .tgc-slider {
     color: #3EA9D1;
     font-weight: bold;
}

.tgc-slider:hover {
     color: #34373b;
     text-decoration: underline;
}

/* SLIDER TIDDLERS */
.tgc-slider-background {
     background-color: #F4F7FC;
}

/* OMIT SOLID BORDER-BOTTOM */
.tc-keyboard .tc-titlebar {
     border-bottom-style: none;
}

/* SAVE NOTIFICATION SHIFTED LEFT */
.tc-notification {
     right: 72px;
     background-color: #CEEDF6;
}

/* REMOVE FRAME AROUND CLICKED BUTTON */
/* only visible with Chrome & Opera */
.tc-btn-invisible {
     outline:none;
}


/* LAYOUT SETTINGS */

/* VERTICAL OFFSET FOR TITLE */
.tc-tiddler-title {
	top: ;
}

/* VERTICAL OFFSET FOR TOP OF SIDEBAR */
html .tc-sidebar-scrollable {
    top: 0px;
}

* BACKGROUND COLOR TOPRIGHTBAR (with double chevron) */
.tc-topbar {
     background-color: #5FC1E2;
}

/* TOPBAR */
.tgc-toolbar {
     display:block;
     position:fixed;
     left:0px;
     top:0px;
     width:100%;
     height: ;
     background-color: #5FC1E2;
     z-index: 600;
}

/* TOP PADDING TIDDLER */
body.tc-body .tc-tiddler-frame {
     padding-top: 30px;
}

/* COLOR ACTIVE STATE TOGGLE BUTTON */
body.tc-body .tgc-active-indicator {
     color: #3EA9D1;
}
body.tc-body .tgc-active-indicator svg {
     fill: #3EA9D1;
}

body.tc-body .tgc-active-indicator:hover svg {
     fill: #34373b;
}

/* HIDE BUTTON2TOP WHEN NOT ACTIVE */
.tgc-fixed-bottom {
     display: none;
}

/* TITLE - TOOLBAR SPACING */
html .tgc-tiddler-title-space {
     line-height: 1.3em; 
}

/* SIZE OF TIDDLER BUTTONS */
html .tc-tiddler-controls button svg {
     height: 0.6em;
}

/* SPACE BETWEEN TIDDLER BUTTONS */
html .tc-tiddler-controls button {
     margin-left: 0px;
}

/* SETTINGS TABLE */
/* WIDTH SETTINGS TABLE */
input[type='text'].settings {
     width: 150px;
}
table.tablestyle {
     font-size: 0.9em;
     border-width: 0px;
     border-style: solid;
     padding: 2px;
     border-color: #DDD;
     border-collapse: collapse;
}
table.tablestyle th {
     background-color: #F0F0F0;
     border-color: #DDD;
     text-align: left;
     vertical-align: top;
     border-style: solid;
     border-width: 1px;
     padding: 5px;
}
table.tablestyle tr {
     background-color: #F0F0F0;
     padding: 0px;
}
table.tablestyle td {
     border-color: #DDD;
     border-style: solid;
     border-width: 1px;
     padding:2px;
}
/* COLOR HEADINGS TABLE */
.brown {
     color: #884411;
     font-weight: bold;
}
/* BORDERLESS TABLES */
.borderless, .borderless table, .borderless td, .borderless tr, .borderless th, .borderless tbody {
     border:0 !important;
     margin:0 !important;
     padding:0 !important;
}
/* Slider style */
html .tgc-slider {
     font-weight: bold;
}

.tgc-slider:hover {
     text-decoration: underline;
}
/* BUTTON TO TOP */
.tgc-fixed-bottom {
     display: block;
     position: fixed;
     bottom: 10px;
     right: 10px;
     padding: 8px;
     background-color: #5FC1E2;
}
.tgc-button-color {
     fill: #3EA9D1;
}
.tgc-button-color:hover {
     fill: #4a8bb8;
}
.tc-relink-fieldnames-table {
	width: 100%;
	border: 0px;
}.tc-relink-fieldnames-field a {
	font-weight: bold;
}.tc-relink-fieldnames-field td {
	border: 0px;
}.tc-relink-fieldnames-count {
	color: lightgray;
}.tc-relink-fieldnames-title {
	margin-left: 3pt;
	min-width: 30%;
}.tc-relink-fieldnames-entry td {
	border: 0px;
	border-bottom: 1px solid #8BC7D9;
}.tc-relink-fieldnames-margin {
	width: 25pt;
}
.tc-relink-variables {
	text-align: left;
}.tc-relink-variables > button {
	width: 100%;
}.tc-relink-variables button:disabled > svg {
	fill: #545453;
}.tc-relink-variables button:hover > svg {
	fill: #4a8bb8;
}.tc-relink-variables button:selected > svg {
	fill: #49769F;
}.tc-relink-variables-count {
	color: #7b7679;
}
.tc-relink-references {
}.tc-relink-references-table {
	width: 100%;
	border: none;
}.tc-relink-references-table td {
	border-left: none;
}.tc-relink-references-table tr:first-child td {
	border-top: none;
}.tc-relink-references-title {
	text-align: left;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}.tc-relink-references-occurrence {
	font-style: italic;
	text-align: left;
	font-weight: 200;
	padding-left: 25px;
	vertical-align: top;
}.tc-relink-header-plugin {
	text-align: left;
}.tc-relink-header-plugin button {
	width: 100%
}.tc-relink-column-type {
	width: 8em;
}.tc-relink-column-type select {
	width: 100%;
}.tc-relink-column-delete {
	border-left: none;
	text-align: left;
}.tc-relink-column-delete button {
	padding-left: 1em;
}.tc-relink-impossible a.tc-tiddlylink {
	color: #ba432e;
}.tc-relink-menu-missing-blurb {
	margin-left: 30pt;
}
.cpl-comment-section{margin:20px 0;padding:16px;border-width:1px;border-style:solid;border-radius:8px;font-family:inherit}.cpl-comment-title{margin-top:0;padding-bottom:8px;border-bottom-width:2px;border-bottom-style:solid;font-size:1.2em}.cpl-comment-user-card{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px;border-radius:6px}.cpl-comment-avatar{width:32px;height:32px;border-radius:50%}.cpl-comment-avatar-small{width:28px;height:28px;border-radius:50%}.cpl-comment-logout-button{font-size:.85em}.cpl-comment-form{margin-bottom:20px}.cpl-comment-textarea{width:100%;min-height:80px;padding:10px;border-width:1px;border-style:solid;border-radius:4px;resize:vertical;font-family:inherit;font-size:14px;line-height:1.5}.cpl-comment-textarea:focus{outline:0}.cpl-comment-form-actions{margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cpl-comment-hint{font-size:.85em}.cpl-comment-submit-button{padding:8px 20px}.cpl-comment-status{margin-top:8px;font-size:.9em}.cpl-comment-login-prompt{text-align:center;padding:20px;border-radius:6px;margin-bottom:16px}.cpl-comment-login-text{margin:0 0 12px}.cpl-comment-login-button{padding:10px 24px}.cpl-comment-login-icon{margin-right:6px}.cpl-comments-list{margin-top:16px}.cpl-comment-item{padding:12px 0;border-bottom-width:1px;border-bottom-style:solid}.cpl-comments-list>.cpl-comment-item:last-child{border-bottom:none}.cpl-comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.cpl-comment-date{font-size:.8em}.cpl-comment-body{padding-left:36px;white-space:pre-wrap}.cpl-comment-empty{text-align:center;padding:20px;font-style:italic}.cpl-comment-section {
  background: #cdecf5;
  border-color: #cdecf5;
}.cpl-comment-title {
  color: #34373b;
  border-bottom-color: #cdecf5;
}.cpl-comment-user-card {
  background: #3EA9D114;
}.cpl-comment-logout-button,
.cpl-comment-hint,
.cpl-comment-login-text,
.cpl-comment-date,
.cpl-comment-empty {
  color: #7b7679;
}.cpl-comment-textarea {
  background: #c3e8f4;
  color: #34373b;
  border-color: #B0D1DC;
}.cpl-comment-textarea:focus {
  border-color: #3EA9D1;
  box-shadow: 0 0 0 2px #3EA9D133;
}.cpl-comment-status-error {
  color: #34373b;
}.cpl-comment-status-success {
  color: #34373b;
}.cpl-comment-login-prompt {
  background: #CEEDF6;
}.cpl-comment-item {
  border-bottom-color: #cdecf5;
}.cpl-plugin-info-box{overflow:hidden}.cpl-plugin-info-box>.tc-plugin-info{margin:0!important;border:none!important}.cpl-plugin-info-box>.tc-plugin-info-dropdown{margin-top:0!important;border:none!important}.cpl-plugin-info-box>.tc-plugin-info-dropdown,.cpl-plugin-info-box>.tc-plugin-info-dropdown>.tc-plugin-info-dropdown-body,.cpl-plugin-info-box>.tc-plugin-info-dropdown>.tc-plugin-info-dropdown-message{background:0 0!important}.cpl-installed-version-icon>svg,.cpl-latest-version-icon>svg{height:1em;width:1em}.cpl-plugin-search{flex-grow:1;width:0}.cpl-plugin-search span{display:inline-block;width:100%}.cpl-plugin-search span input{margin:0!important;width:100%}.cpl-plugin-search-go{border-radius:0!important;margin:0!important;padding:10px 20px!important;word-break:keep-all}.cpl-paged-plugin-list-control{display:flex;align-items:center;justify-content:center;height:40px;border-width:2px;border-style:solid}.cpl-paged-plugin-list-control>div{flex-grow:1;width:0;height:100%}.cpl-paged-plugin-list-control>div>button{width:100%;height:100%;border:none!important;background:0 0!important;cursor:pointer!important}.cpl-paged-plugin-list-control>div>button:hover{backdrop-filter:contrast(0.75)}.cpl-paged-plugin-list-control>span{padding:0 10px;height:100%;display:flex;align-items:center;user-select:none}.cpl-banner-container{padding:26px 16px;display:inline-block;width:100%}.cpl-banner-title{font-size:24px;line-height:1em;font-weight:750;user-select:none}.cpl-banner-button-group{margin-top:14px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px}.cpl-banner-badge,.cpl-banner-link{text-decoration:none;padding:6px 10px;border-radius:6px;border-width:1px;border-style:solid;font-weight:600;user-select:none;display:flex;align-items:center}.cpl-banner-caption{margin-top:10px;font-weight:700;user-select:none;opacity:.85}.cpl-banner-button-group svg{height:1em;width:1em}.cpl-layout-container{display:flex;flex-direction:column;align-items:stretch;height:100%;width:100%;padding:.5em}.cpl-action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.cpl-action-button{display:inline-flex;align-items:center;gap:.35em}.cpl-action-toggle{display:inline-flex;align-items:center;min-height:2.3em;padding:0 .8em;border-width:1px;border-style:solid;border-radius:999px}.cpl-action-toggle input{margin-right:.45em}.cpl-action-toggle-label{font-size:.92em}.cpl-action-pill{display:inline-flex;align-items:center;min-height:2.3em;padding:0 .8em;border-radius:999px;font-size:.9em;font-weight:600}.cpl-inline-status{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:8px 0;border-width:1px;border-style:solid;border-radius:4px;font-size:.92em}.cpl-inline-status svg{flex:0 0 auto;width:1.1em;height:1.1em}.cpl-inline-status span{flex:1 1 auto}.cpl-inline-status-action,.cpl-inline-status-close{flex:0 0 auto}.cpl-install-request-panel{position:relative;padding:12px 14px;margin:10px 0;border-width:1px;border-style:solid;border-radius:6px}.cpl-install-request-panel>.cpl-inline-status-close{position:absolute;top:8px;right:8px}.cpl-mirror-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.cpl-mirror-switcher{display:inline-flex;align-items:center;gap:8px}.cpl-mirror-label{font-weight:500;font-size:.9em}.cpl-mirror-select{padding:4px 8px;border-width:1px;border-style:solid;border-radius:4px;cursor:pointer;font-size:.9em;transition:border-color .2s,box-shadow .2s}.cpl-mirror-status{white-space:nowrap;font-weight:500;font-size:.85em;display:inline-flex;align-items:center;gap:4px}.cpl-mirror-status-icon{font-size:1.2em;line-height:1}.cpl-static-feature-notice,.cpl-static-mirror-notice{padding:8px 12px;border-width:1px;border-style:solid;border-radius:4px;margin-bottom:8px;font-size:.9em;display:flex;align-items:flex-start;gap:8px;animation:.3s fade-in}.cpl-status-banner{padding:2px 6px;margin:3px 0;border-width:1px;border-style:solid;border-radius:2px;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.cpl-status-banner-large{min-height:100px}.cpl-loading-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px}.cpl-inline-button-link{display:inline-flex;align-items:center;gap:6px;font-size:.9em}.cpl-plugin-card{border-radius:8px;padding:14px 16px;display:flex;gap:14px;align-items:flex-start;transition:box-shadow .2s}.cpl-plugin-card>p{display:contents}.cpl-plugin-card-main{display:flex;gap:14px;flex:1;min-width:0;align-items:flex-start}.cpl-plugin-card-actions{flex-shrink:0;display:flex;align-items:center;padding-top:2px;margin-left:auto}.cpl-plugin-card-icon-wrapper{flex-shrink:0}.cpl-plugin-card-icon-frame{padding:0;margin:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden}.cpl-plugin-card-body{flex:1;min-width:0}.cpl-plugin-card-title{padding:0;margin:0;font-weight:600;font-size:1.05em;text-align:left}.cpl-plugin-card-description{font-size:1em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpl-plugin-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cpl-plugin-card-meta-text{font-size:.9em}.cpl-plugin-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.cpl-plugin-card-status{margin-top:4px;font-size:.9em}.cpl-plugin-detail-back{margin-bottom:16px}.cpl-plugin-detail-header{display:flex;gap:20px;margin-bottom:24px;padding-bottom:20px;border-bottom-width:1px;border-bottom-style:solid}.cpl-plugin-detail-icon-frame{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden}.cpl-plugin-detail-body{flex:1;min-width:0}.cpl-plugin-detail-title{margin:0 0 4px;font-size:1.6em;font-weight:600}.cpl-plugin-detail-subtitle{font-size:.9em;margin-bottom:8px}.cpl-plugin-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.cpl-plugin-detail-meta-text{font-size:.85em}.cpl-plugin-detail-description{line-height:1.5}.cpl-detail-error-notice{padding:12px;border-radius:4px;margin-bottom:16px}.cpl-dependency-tag{display:inline-block;border-radius:12px;padding:3px 8px;font-size:12px;line-height:24px}.cpl-version-history{margin-bottom:16px}.cpl-version-history-summary{padding:10px 0;font-weight:600;cursor:pointer;font-size:1.1em}.cpl-version-history-list{border-width:1px;border-style:solid;border-radius:6px;overflow:hidden}.cpl-version-history-item{padding:10px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top-width:1px;border-top-style:solid}.cpl-version-history-version{font-weight:500}.cpl-version-history-size{opacity:.7;font-size:.9em}.cpl-version-history-actions{display:flex;gap:8px;align-items:center}.cpl-version-history-download,.cpl-version-history-install{font-size:.85em}.cpl-plugin-readme,.cpl-related-section{margin-bottom:24px}.cpl-section-heading{margin-bottom:12px;padding-bottom:8px;border-bottom-width:1px;border-bottom-style:solid}.cpl-row-scroll{padding:6px;display:flex;flex-direction:row;overflow-x:auto}.cpl-delete-button{margin:.5em 0;padding:4px 16px!important;cursor:pointer;border:none!important}.cpl-plugin-thanks{width:100%;padding:0 0 10px 30px;opacity:.8;font-size:80%;border-radius:6px;overflow:hidden;margin:40px 0 0;border-top-width:1px;border-top-style:dashed;border-bottom-width:1px;border-bottom-style:dashed}.cpl-plugin-thanks-title{padding-left:4px;border-left-width:3px;border-left-style:solid}.cpl-plugin-stats{display:flex;gap:20px;padding:10px 0;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:10px}.cpl-stat-item{display:flex;align-items:center;gap:5px}.cpl-compatibility-date,.cpl-form-label,.cpl-stat-label{font-size:.85em}.cpl-changelog-section,.cpl-compatibility-section,.cpl-rating-widget{margin:15px 0;padding:12px;border-radius:6px}.cpl-card-heading{margin-top:0}.cpl-card-heading-bordered{margin-top:0;padding-bottom:6px;border-bottom-width:1px;border-bottom-style:solid}.cpl-rating-stars{display:flex;gap:5px;font-size:1.5em}.cpl-rating-star-button{padding:2px}.cpl-status-line{margin-top:8px;font-size:.85em}.cpl-code-panel{max-height:300px;overflow-y:auto;white-space:pre-wrap;font-family:monospace;font-size:.9em;padding:10px;border-radius:4px;border-width:1px;border-style:solid}.cpl-compatibility-list{display:flex;flex-direction:column;gap:10px}.cpl-compatibility-item{padding:10px;border-radius:4px;border-width:1px 1px 1px 3px;border-style:solid}.cpl-compatibility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.cpl-compatibility-meta{font-size:.85em;margin-bottom:4px}.cpl-compatibility-pill{display:inline-block;border-radius:4px;padding:2px 6px;margin:2px;font-size:.8em;border-width:1px;border-style:solid}.cpl-compatibility-description{font-size:.85em;padding:6px;border-radius:3px;margin-top:4px}.cpl-form-section{margin-top:15px;padding-top:12px;border-top-width:1px;border-top-style:solid}.cpl-form-row{display:flex;gap:10px}.cpl-form-field{flex:1}.cpl-form-label{display:block;margin-bottom:2px}.cpl-form-input{width:100%;padding:4px;border-width:1px;border-style:solid;border-radius:3px}.cpl-form-textarea{min-height:60px}.cpl-submit-button-sm{padding:6px 12px;align-self:flex-start}.cpl-modal-warning-callout{padding:4px}.cpl-shadow-row{display:flex;justify-content:space-between;padding:4px 6px;border-width:1px;border-style:solid}@keyframes fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cpl-normal-button {
  color: #34373b;
  fill: #34373b;
}.cpl-plugin-info-box {
  border: 1px solid #cdecf5;
  background-color: #cdecf5;
}.cpl-plugin-info-box > .tc-plugin-info-dropdown > .tc-plugin-info-dropdown-body {
  box-shadow: inset 0 12px 12px -12px #54545355;
}.cpl-latest-version-icon > svg {
  color: #3EA9D1;
  fill: #3EA9D1;
}.cpl-installed-version-icon > svg {
  color: #49769F;
  fill: #49769F;
}.cpl-plugin-install-request-dependents-tree {
  border-left:2px dotted #545453;
  background: #54545314;
}.cpl-banner-container {
  color: #CEEDF6;
  background: linear-gradient(135deg, #3EA9D1, #49769F);
  border-left: 5px solid #cdecf5;
}.cpl-banner-title,
.cpl-banner-link,
.cpl-banner-badge,
.cpl-banner-caption {
  color: #CEEDF6;
  fill: #CEEDF6;
}.cpl-banner-link-main {
  background: linear-gradient(45deg, #49769F, #3EA9D1);
  border-color: #49769F;
}.cpl-banner-link-repo {
  background: linear-gradient(145deg, #3EA9D1, #7b7679);
  border-color: #3EA9D1;
}.cpl-banner-badge-community {
  background: linear-gradient(145deg, #7b7679, #cdecf5);
  border-color: #7b7679;
}.cpl-banner-link-partner {
  background: linear-gradient(300deg, #ffc9c9, #3EA9D1);
  border-color: #34373b;
}.cpl-action-toggle {
  border-color: #cdecf5;
  background: #cdecf5;
}.cpl-action-pill {
  background: #49769F1f;
  color: #49769F;
}.cpl-action-pill-muted {
  background: #7b767924;
  color: #7b7679;
}.cpl-inline-status,
.cpl-install-request-panel {
  background: #cdecf5;
  border-color: #cdecf5;
  color: #34373b;
  fill: #34373b;
}.cpl-inline-status-loading,
.cpl-inline-status-info {
  background: #3EA9D114;
  border-color: #3EA9D1;
}.cpl-inline-status-success {
  background: #aaefad33;
  border-color: #34373b;
}.cpl-inline-status-error {
  background: #ffc9c933;
  border-color: #34373b;
}/* Disable dut to high GPU usage */
/**
.cpl-website-mainpage-search-bar {
  animation: breath-glow 1.5s infinite alternate;
}
*/@keyframes breath-glow {
  from {
    box-shadow: 0 0 5px #3EA9D180;
  }
  to {
    box-shadow: 0 0 20px #3EA9D1;
  }
}.cpl-mirror-select {
  border-color: #B0D1DC;
  background: #c3e8f4;
  color: #34373b;
}.cpl-mirror-select:hover {
  border-color: #7b7679;
}.cpl-mirror-select:focus {
  border-color: #3EA9D1;
  box-shadow: 0 0 0 2px #3EA9D11a;
}.cpl-mirror-server {
  color: #49769F;
}.cpl-mirror-static {
  color: #3EA9D1;
}.cpl-mirror-unreachable {
  color: #34373b;
}.cpl-mirror-unknown {
  color: #7b7679;
}.cpl-static-mirror-notice,
.cpl-static-feature-notice {
  background: #ffc9c933;
  border-color: #34373b;
  color: #34373b;
}.cpl-loading-placeholder,
.cpl-inline-button-link,
.cpl-plugin-card-meta-text,
.cpl-plugin-detail-subtitle,
.cpl-plugin-detail-meta-text,
.cpl-version-history-download,
.cpl-status-muted {
  color: #7b7679;
}.cpl-plugin-card-description {
  color: #34373b;
}.cpl-status-success {
  color: #34373b;
}.cpl-status-error {
  color: #34373b;
}.cpl-plugin-card {
  background: #CEEDF6;
  border: 1px solid #cdecf5;
}.cpl-plugin-card:hover {
  box-shadow: 0 2px 8px #54545322;
}.cpl-plugin-card-icon-frame,
.cpl-plugin-detail-icon-frame {
  background: #cdecf5;
}.cpl-plugin-detail-header,
.cpl-version-history-list,
.cpl-version-history-item,
.cpl-section-heading {
  border-color: #cdecf5;
}.cpl-detail-error-notice {
  background: #ffc9c944;
  color: #34373b;
}.cpl-dependency-tag {
  background: #CEEDF622;
  color: #34373b;
}.cpl-version-icon-latest {
  color: #3EA9D1;
  fill: #3EA9D1;
}.cpl-version-icon-installed {
  color: #49769F;
  fill: #49769F;
}.cpl-delete-button {
  background-color: #ffc9c9 !important;
  color: #34373b;
  fill: #34373b;
}.cpl-plugin-thanks {
  background: #54545322;
  border-top-color: #3EA9D1;
  border-bottom-color: #49769F;
}.cpl-plugin-thanks-title {
  border-left-color: #3EA9D1;
}.cpl-plugin-stats,
.cpl-card-heading-bordered,
.cpl-form-section {
  border-color: #cdecf5;
}.cpl-rating-widget,
.cpl-changelog-section,
.cpl-compatibility-section,
.cpl-compatibility-pill,
.cpl-compatibility-description {
  background: #cdecf5;
}.cpl-code-panel,
.cpl-compatibility-item {
  background: #CEEDF6;
  border-color: #cdecf5;
}.cpl-compatibility-item {
  border-left-color: #3EA9D1;
}.cpl-form-input {
  background: #c3e8f4;
  color: #34373b;
  border-color: #B0D1DC;
}.cpl-form-input:focus {
  outline: none;
  border-color: #3EA9D1;
  box-shadow: 0 0 0 2px #3EA9D11a;
}.cpl-modal-warning-callout {
  background: #ffc9c944;
  color: #34373b;
}.cpl-shadow-row {
  border-color: #cdecf5;
}.cpl-shadow-row-keep {
  background: #aaefad22;
}.cpl-shadow-row-delete {
  background: #ffc9c933;
}.cpl-rating-star {
  color: #545453;
}.cpl-rating-star-button:hover .cpl-rating-star {
  color: #3EA9D1;
}.cpl-status-banner-error {
  background: #ffc9c944;
  border-color: #ffc9c9;
  color: #34373b;
}.cpl-status-banner-loading {
  background: #54545322;
  border-color: #cdecf5;
  color: #7b7679;
}
/* Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3 */ 
.refnotes-abbr abbr[title] {
	color: inherit;
	font-style: normal;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

.refnotes-abbr-term-not-found{
/*	color:red;*/
	font-style: oblique;
}

.refnotes-abbr-term{
/*	color:blue;*/
}

/* Ref:https://aarontgrogg.com/lab/
Show the title for small screen
*/ 
/* this works based on the max-width*/
@media only screen and (max-width: 960px) {
.refnotes-abbr abbr:hover:after  { content: ' ('attr(title)')'; }
}

@media (hover: none) {
/* Push the title attribute into generated content after the abbr. */
.refnotes-abbr abbr[title]::after { 
 content: ' ('attr(title)')'; }
}
.ref-nonumber{
/* color:blue;*/
 font-size:90%;
 list-style-type:none;
}.ref-nonumber li{
  padding-bottom:8px;
}.ref-list{
/* color:blue;*/
 font-size:90%;
}.link-refcls{
 font-weight:400;
/* color:#00008B;*/ /*darkblue*/
 text-decoration:none;
 color: #49769F; 	
}.refcls{
/* color:#00008B;*/
 color: #49769F; 
/* text-transform: capitalize;*/
}.ref-notfound{
/*  color: #856404 !important;*/
/*  background-color: #fff3cd !important;*/
}.ref-author{
/*  color:#00008B;*/ /*color for author in tooltip*/
}.refnotes-details > summary{
	padding-left:0;
	padding-top:15px;
	padding-bottom:15px;
	width: 160px;
	cursor: pointer;
	font-weight:bold;
}

/* used for viewtemplate displaying the bibtex entry */
.refnotes-bibtex-field{
	display:table-row
}
.refnotes-bibtex-field > span{
	display:table-cell
}
.refnotes-bibtex-field > span:first-of-type{
	font-weight:bold;
	padding-right:10px;
	white-space: nowrap;
}.bibtex-dropzone{
	min-height:30px;
	max-width:100%;
	margin:4px auto;
	border:2px dotted green;
	text-align:center;
}

.bibtex-dropzone:focus {
	background: #fffedd;
}/*automatic counter for fnote macro. The counter resets at the begining of each tiddler*/
.tc-tiddler-frame,
.tc-single-tiddler-window { /* to cover tiddler when it is opened in a new window */ 
  counter-reset: fnote-count;
}
.refnotes-footnote {
  counter-increment: fnote-count;
}
.refnotes-footnote:after {
  content: counter(fnote-count);
  font-size:small;
  vertical-align: super;
  line-height: 1.5;
  margin-left: -0.1em;
  /* color:#0000ee;*/
}
/* in folding-editor*/
.refnotes-library button svg{
	font-size:0.8em;
	vertical-align: middle;
	margin-right:0;
	margin-left:0;

}

/* Footnote class*/

.fnote-list{
/* color:blue;*/
 font-size:90%;
}

.fnote-pretty{
 display: block;
  margin: 0.5em;
  margin-right: auto;
  width: 100% !important;
  border-collapse: collapse;
  padding: 15px 15px 15px 25px; /*left padding=25px*/
  border-width:  0px;
  border-style: solid;
  border-left-width: 1px;
  background-color:  rgb(255,248,220);
  color: rgb(91,49,7);
  line-height: 1.2em; 
  font-size:0.9em;
}
/*Borderless table*/
.refnotes-table-borderless, 
.refnotes-table-borderless th, 
.refnotes-table-borderless tr, 
.refnotes-table-borderless td{
  border:0;
}/* tooltip class used for ref, fnote and other macros */
.refnotes-tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer; 
}

.refnotes-tooltip .refnotes-tooltiptext{
	font-size: 0.90em; /* change if it is too small */
}

.refnotes-tooltip .refnotes-tooltiptext {
	visibility: hidden;
	background-color: #fff;
	color: #222222; 
	text-align: left;
	border-radius: 2px;
	padding: 5px 10px;
	max-width: 30vw;
	max-height:20em;
	overflow-y: auto;
	cursor: auto;
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;
	width: -o-max-content;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -40px;
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.refnotes-tooltip:hover .refnotes-tooltiptext {
	visibility: visible;
	/*opacity: 0.9;*/
}

/* for small screens */

@media screen and (max-width: 960px) {
.refnotes-tooltip .refnotes-tooltiptext {
    /* Position the tooltip */
  	position:fixed;
    top:0;
    left: 0;
    margin-left: 0px;
    bottom: unset;
    width:100%;
    max-width: 100vw;
    z-index: 9999;
}  

.refnotes-tooltip:hover .refnotes-tooltiptext {
   opacity: 1;
}  
  
}details.callout summary {
  cursor: pointer;
}
/* Chevron animation */
details.callout .callout-fold svg {
  transition: transform ease-in-out 150ms;
}
details.callout .callout-fold svg {
  transform: rotate(-90deg);
}

details.callout[open] > summary .callout-fold svg{
  transform: rotate(0deg);
}

/* Reveal content animation */
details.callout > summary {
  transition: margin ease-out 300ms;
}

details.callout[open] > summary {
  margin-bottom: 10px;
}
/* this compensates the summary extra bottom margin */
details.callout[open] > .callout-content{
	margin-top:-10px;
}

/* To remove the default arrow that comes with the <summary> tag in Safari */
details[data-callout] summary::-webkit-details-marker {
  display: none;
}.callout {
  --callout-color: 68, 138, 255;
}
.callout {
  border-left-color: rgb(var(--callout-color));
  background-color: var(--background-secondary);
}
.callout-title {
  background-color: rgba(var(--callout-color), 0.1);
}
.callout-icon {
 color: rgb(var(--callout-color));
}
.callout-title-inner {
  font-weight: 700;
}



.callout {
	border-left-width: 4px;
	border-left-style: solid;
	border-radius: 2px;
	margin: 1em 0;
}
.callout-title {
	padding: 10px;
	display: flex;
	gap: 10px;
}
.callout-icon {
	flex: 0 0 auto;
	display: flex;
	align-self: center;
}
.callout-title-inner {
	flex: 1 1 0;
}
.callout-content {
	overflow-x: auto;
	padding: 0px 15px;
}
/* enlarge svg icon of callout */
.callout-icon svg{
height:1.2em;
width:1.2em;
}.theme-light {
  --background-secondary: #f2f3f5;
}

.theme-dark {
  --background-secondary: #161616;
}
.callout[data-callout="abstract"],
.callout[data-callout="summary"],
.callout[data-callout="tldr"] {
  --callout-color: 0, 176, 255;
}
.callout[data-callout="info"],
.callout[data-callout="todo"] {
  --callout-color: 0, 184, 212;
}
.callout[data-callout="tip"],
.callout[data-callout="hint"],
.callout[data-callout="important"] {
  --callout-color: 0, 191, 165;
}
.callout[data-callout="success"],
.callout[data-callout="check"],
.callout[data-callout="done"] {
  --callout-color: 0, 200, 83;
}
.callout[data-callout="question"],
.callout[data-callout="help"],
.callout[data-callout="faq"] {
  --callout-color: 100, 221, 23;
}
.callout[data-callout="warning"],
.callout[data-callout="caution"],
.callout[data-callout="attention"] {
  --callout-color: 255, 145, 0;
}
.callout[data-callout="failure"],
.callout[data-callout="fail"],
.callout[data-callout="missing"] {
  --callout-color: 255, 82, 82;
}
.callout[data-callout="danger"],
.callout[data-callout="error"] {
  --callout-color: 255, 23, 68;
}
.callout[data-callout="bug"] {
  --callout-color: 245, 0, 87;
}
.callout[data-callout="example"] {
  --callout-color: 124, 77, 255;
}
.callout[data-callout="quote"],
.callout[data-callout="cite"],
.callout[data-callout="secondary"]{
  --callout-color: 158, 158, 158;
}

.callout[data-callout="primary"]{
  --callout-color: 68, 138, 255;
}

.callout[data-callout="dark"]{
  --callout-color: 33, 37, 41;
}.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down {
	min-width:20px;
}

.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down > p {
	margin: 0;
	padding: 0 10px;
}

.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down a.tc-tiddlylink {
	font-weight: normal;
}

/* new */
.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible{
	width:fit-content;
	margin:1px;
	padding:0;
	display:inline-block;
	background-color:unset;
}

.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible svg{
	width:1.5em;
	height:1.5em;
}

.kk-formatter-dropdown{
	display:flex;
	flex-wrap:wrap;
	max-width:6.6em;
}

.tc-editor-toolbar button.kk-formatter-btn + .tc-popup .tc-drop-down button.tc-btn-invisible.kk-sh-letter {
	background-color: #9cd7ec;
	color: #49769F;
	fill: #49769F;
	border-radius: 4px;
	padding: 3px 4px;
	margin: 2px 0 2px 4px;
}.kk-sh-formatter-label {
	margin-bottom:10px;
	width:100%;
}
/* The .kk-shiraz-accordion is actually a CSS class to customize
the summary element of the standard html details widget. It replace the marker
with an animating svg down/up arrow.
*/

.kk-shiraz-accordion {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	font-size:1.1em;
}

.kk-shiraz-accordion::-webkit-details-marker {
	display: none;
}

.kk-shiraz-accordion::after {
	content: '';
	width: 24px;
	height: 24px;
	transition: 0.4s;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTI0IDI0SDBWMGgyNHoiIG9wYWNpdHk9Ii44NyIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNBOUFDQUYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE1Ljg4IDE1LjI5TDEyIDExLjQxbC0zLjg4IDMuODhhLjk5Ni45OTYgMCAxIDEtMS40MS0xLjQxbDQuNTktNC41OWEuOTk2Ljk5NiAwIDAgMSAxLjQxIDBsNC41OSA0LjU5Yy4zOS4zOS4zOSAxLjAyIDAgMS40MS0uMzkuMzgtMS4wMy4zOS0xLjQyIDB6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

details[open] > .kk-shiraz-accordion::after {
	transform: rotate(180deg);
}.leftbar{
  border-width:0px !important;
  border-radius:0px !important;
  border-left-width: 0.25rem !important;
}/* This extra rules makes link color in alert consistent with alert color. It uses CSS variable
You may add other components 
*/
.alert > a.tc-tiddlylink,
.alert > a.tc-tiddlylink-external,
.alert > a.tc-tiddlylink-missing,
.alert > a.tc-tiddlylink-shadow {
	color: var(--bs-alert-link-color);
}/* Colors taked from [1] https://www.bg-w3schools.bg-com/colors/colors_names.bg-asp 
[2] http://www.bg-workwithcolor.bg-com/color-chart-full-01.bg-htm*/
/*Low tone background colors*/
.bg-mistyrose{background-color:#ffe4e1;}
.bg-lemonchiffon{background-color:#fffacd;}
.bg-lavenderblush{background-color:#fff0f5;}
.bg-lavender{background-color:#e6e6fa;}
.bg-honeydew{background-color:#f0fff0;}
.bg-lightcyan{background-color:#e0ffff;}
.bg-aliceblue{background-color:#f0f8ff;}
.bg-cornsilk{background-color:#fff8dc;}
.bg-gainsboro{background-color:#dcdcdc;}
.bg-bisque{background-color:#ffe4c4;}
.bg-snow{background-color:#fffafa;}/* bootstrap-5.3.3-dist\css\bootstrap.css line 4858*/
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}/* bootstrap-5.3.3-dist\css\bootstrap.css line 8806*/

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
/* bootstrap.css line 4831*/

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}
/* bootstrap.css line 7505*/

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}
/* bootstrap-5.3.3-dist\css\bootstrap.css line 4705*/
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
/* bootstrap.css line 2975*/
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
/* bootstrap.css line 4380*/
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
/* bootstrap.css line 4525*/

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}/* bootstrap-5.3.3-dist\css\bootstrap.css line 6838*/
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}/* bootstrap.css line 7227*/
.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}/* bootstrap.css lines:709 */
.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
/* bootstrap.css line 4953*/

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}/* bootstrap-5.3.3-dist\css\bootstrap.css line 8*/
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}/* bootstrap.css line 8958*/

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
/* bootstrap.css line 209*/
hr {
  /*margin: 1rem 0; removed by Mohammad to solve the extra margin in TiddlyWiki Tags pill */
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

.hr{ /* added by Mohammad to comply with Bootstrap 5.3.3. You need to use <hr class="hr">*/
	  margin: 1rem 0;
}


/* bootstrap.css line 7194*/
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}/* bootstrap.css line 7375*/

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}
/* bootstrap.css line 7667*/
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}/* bootstrap.css line 7903*/

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}/* bootstrap.css line 6844*/
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
/* bootstrap.css line 8502*/
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}


.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
/* bootstrap.css line 8463*/

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}
/* bootstrap.css line 217*/
.h6, .h5, .h4, .h3, .h2, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .h1 {
    font-size: 2.5rem;
  }
}

.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  .h2 {
    font-size: 2rem;
  }
}

.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  .h3 {
    font-size: 1.75rem;
  }
}

 .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
   .h4 {
    font-size: 1.5rem;
  }
}

 .h5 {
  font-size: 1.25rem;
}

 .h6 {
  font-size: 1rem;
}

/* bootstrap.css line  598 */
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}/* bootstrap.css line 8451*/

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

/* bootstrap.css line 7188*/
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* bootstrap.css line 8487*/
.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}
/* Resolve issue for floating objects which cross the tiddler frame!
The below code should force the tiddler to always wrap around floating elements, so that they are always inside
Ref: https://groups.google.com/d/msg/tiddlywiki/5bZwwj6cyac/2LzFeA7AAwAJ
*/

/*
.tc-tiddler-body:before, .tc-tiddler-body:after {
    content: "";
    display: table;
}

.tc-tiddler-body:after {
    clear: both;
}

.tc-tiddler-body {
    zoom: 1;
}
*//*Tiddler edit toolbar buttons as traffic lights*/
.tc-tiddler-controls .tc-image-done-button {fill:#BBEEBB;}
.tc-tiddler-controls .tc-image-cancel-button {fill:#EEDD99;}
.tc-tiddler-edit-title .tc-tiddler-controls .tc-image-delete-button,
.tc-tiddler-edit-frame .tc-tiddler-controls .tc-image-fa-trash-alt {fill:#EEBBBB;} /* for trashbin plugin: move to trashbin button/*
/* These css rules makes page control buttons in beatiful color */
/*page control buttons*/
.tc-page-controls .tc-image-new-button     { fill: #5EB95E; } /*New tiddler button*/
.tc-page-controls .tc-image-options-button { fill:#8058A5; } /*Open control pannel*/
/* These css rules makes tiddler viewtoolbar buttons in beatiful color */
.tc-tiddler-controls .tc-image-edit-button{fill:#F37B1D}
.tc-tiddler-controls .tc-image-info-button{fill:#0E90D2}/*Credits: 
Nishant Srivastava https://codepen.io/nisrulz/pen/bpQWLW
Mohammad Rahmani: https://github.com/kookma
*/
.dbadge {
 display: inline-block;
 margin: 0.0em;
}
.dbadge > span {
  color: #ffffff;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1;
  padding: .2em .6em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;}

.dbadge-subject{
  background-color: #656565;
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0.25em;}
.dbadge-status {
  border-bottom-right-radius: 0.25em;
  border-top-right-radius: 0.25em;}

.dbadge-primary {
    background-color: #337ab7;}
.dbadge-success {
    background-color: #5cb85c;}
.dbadge-info {
    background-color: #5bc0de;}
.dbadge-warning {
    background-color: #f0ad4e;}
.dbadge-danger {
    background-color: #d9534f;}/*details html5 macro*/
details.kk-shiraz-details > summary {
  padding: 2px 6px;
  outline:none;
}
details.kk-shiraz-details > div {
  padding: 2px 6px;
  margin: 0;
}


/* Styles for summary cursor
url: https://css-tricks.com/two-issues-styling-the-details-element-and-how-to-solve-them/
*/

details.kk-shiraz-details summary {
  cursor: pointer;
}

details.kk-shiraz-details summary > * {
  display: inline;
}


button .kk-sh-slider svg{
width: 0.8em;
height: 0.8em;
vertical-align: middle;
}

mark.shiraz-highlight {
	background-color: unset;
	border-radius:0.4em;
	padding:0 0.25em 0.1em;
}

mark.shiraz-highlight-pen {
	background-color: unset;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

/*Image aligning classes*/
.image-align-end{
    float:right;
    margin:0.5em 0 1.3em 1.4em;
}
.image-align-start{
    float:left;
    margin: 0.5em 1.4em 1.3em 0;
}
.image-align-center{
  display:block;
  margin: 0.5em auto 1.3em; 
}

.image-float-none {
  float: none !important;
}.image-basic {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  padding: 0.5em;
}.image-overlay-container{
  width: 50%; 
  box-sizing: border-box;
}

@media screen and (max-width: 640px){
  .image-overlay-container{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .image-overlay-container{
    width: 33.33%;
  }
}

.image-overlay-container .image-overlay-title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom:10px;
}

.image-overlay-content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.image-overlay-content .image-overlay-content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.image-overlay-content:hover .image-overlay-content-overlay{
  opacity: 1;
}

.image-overlay-content-image{
  width: 100%;
}

.image-overlay-content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.image-overlay-content:hover .image-overlay-content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.image-overlay-content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.image-overlay-content-details p{
  color: #fff;
  font-size: 0.8em;
}

.image-overlay-fadeIn-bottom{
  top: 80%;
}

.image-overlay-fadeIn-top{
  top: 20%;
}

.image-overlay-fadeIn-left{
  left: 20%;
}

.image-overlay-fadeIn-right{
  left: 80%;
}.image-polaroid {
  min-width:64px;
 /* background-color: #f8f9fa; */
  box-shadow: 
		0 4px 8px 0 rgba(0, 0, 0, 0.2),
		0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.image-polaroid img {
    width: 100%;
    padding:10px;
    height: auto;
}
.image-polaroid .image-polaroid-caption {
    padding:10px 15px 10px;
    text-align: center; 
    line-height: 1.4em;
    font-weight:300;
    font-size: 0.9em; 
}.image-pretty {
    min-width:64px;
    border: 1px solid;
}

.image-pretty:hover {
    border: 1px solid #777;
}

.image-pretty img {
    padding:2px;
    width: 100%;
    height: auto;
}

.image-pretty .image-pretty-caption {
    padding:10px 15px 10px;
    text-align: center; 
    line-height: 1.4em;
    font-weight:300;
    font-size: 0.9em; 
}.image-slidein { 
  display: block; 
  position: relative; 
  /*float: left;*/
  overflow: hidden; 
 /* margin: 0 20px 20px 0;*/
}

.image-slidein img {
    width: 100%;
    height: auto;
}

.image-slidein figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.75); 
  color: white; 
  padding: 10px 20px; 
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
.image-slidein:hover figcaption {
  opacity: 1;
}
.image-slidein:before { 
  content: "?"; 
  position: absolute; 
  font-weight: 800; 
  background: rgba(255,255,255,0.75); 
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;	
}
.image-slidein:hover:before {
  opacity: 0;
}

.mr-cap-left:before {  bottom: 10px; left: 10px; }
.mr-cap-left figcaption { bottom: 0; left: -30%; }
.mr-cap-left:hover figcaption { left: 0; }

.mr-cap-right:before { bottom: 10px; right: 10px; }
.mr-cap-right figcaption { bottom: 0; right: -30%; }
.mr-cap-right:hover figcaption { right: 0; }

.mr-cap-top:before { top: 10px; left: 10px; }
.mr-cap-top figcaption { left: 0; top: -30%; }
.mr-cap-top:hover figcaption { top: 0; }

.mr-cap-bottom:before { bottom: 10px; left: 10px; }
.mr-cap-bottom figcaption { left: 0; bottom: -30%;}
.mr-cap-bottom:hover figcaption { bottom: 0; }
.shiraz-mono {
	color:unset;
	background-color: #1518191A;
	border: 1px solid #e1e1e8;
	white-space: pre-wrap;
	padding: 0 3px 2px;
	border-radius: 3px;
	font-family: var(–font-mono-default)
}/* multicolumn layouts with fixed column number works on the whole tiddler */
.multicol .tc-tiddler-body {
  column-width: 14em;
  column-rule: 1px solid #ccc;
}
/* two columns responsive*/
.multicol2 .tc-tiddler-body {
	column-count:2; 
	column-width:15em;
}
/* three columns responsive*/
.multicol3 .tc-tiddler-body {
	column-count:3; 
	column-width:10em;
}


/* remove the extra space from first paragraph */
.multicol .tc-tiddler-body > :first-child, 
.multicol2 .tc-tiddler-body > :first-child, 
.multicol3 .tc-tiddler-body > :first-child { margin-top: 0;}

/*-------------------------------------------------------------------------------*/
/* Classes for using with macro and div elements */
.shiraz-multicol {
  column-width: 14em;
  column-rule: 1px solid #ccc;
}
/* two columns responsive*/
.shiraz-multicol2 {
	column-count:2; 
	column-width:15em;
}
/* three columns responsive*/
.shiraz-multicol3 {
	column-count:3; 
	column-width:10em;
}

/* remove the extra space from first paragraph */
.shiraz-multicol  > :first-child,
.shiraz-multicol2 > :first-child,
.shiraz-multicol3 > :first-child { margin-top: 0;}/* multicolumn layout using flexbox courtesy from Bootstrap 4.3.1*/
.flex-row {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
/*   margin-right: -15px;
   margin-left: -15px;*/
}

.flex-col,
.flex-col-1, 
.flex-col-2, 
.flex-col-3,
.flex-col-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/* for small screen width>=576px
https://getbootstrap.com/docs/4.3/layout/grid/
*/
@media (min-width: 576px) {
.flex-col   {flex: 1 1 0; max-width: 100%;}
.flex-col-1 {flex: 0 0 25%; max-width:25%}
.flex-col-2 {flex: 0 0 50%; max-width:50%}
.flex-col-3 {flex: 0 0 75%; max-width:75%}
.flex-col-4 {flex: 0 0 100%; max-width:100%}
}

.flex-col   > :first-child,
.flex-col-1 > :first-child,
.flex-col-2 > :first-child,
.flex-col-3 > :first-child,
.flex-col-4 > :first-child {
  margin-top: 0;}


/* Alignment */
.flex-align-items-center {
  align-items: center !important;
}
.flex-justify-content-center {
  justify-content: center !important;
}

.flex-no-gutters {
  margin-right: 0;
  margin-left: 0;
}.shiraz-searchbox {
	border:none;
	border-bottom:1px solid #34373b22;
	width:20em
}
.shiraz-searchbox:focus{
	outline:none;
}
.shiraz-searchbox::placeholder {
	font-size: 0.9em;
	color: #7b7679;
}
.shiraz-searchbox-label{display:block;}.sticky-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.5rem;
  background-color: #efefef;
  text-align: center;
  margin-top: 5px;
  box-sizing: border-box;
  width: 100%;
}
.shiraz-switch-palette{
	margin-left:40px;
}
.shiraz-switch-label{
	width:105px;
	display: inline-block;
}.table-tight{
	font-size:0.8em;
}


/*
This tiddler defines the custom stylesheet for tables 
April 13, 2018
*/

/*center aligned table*/
.table-center {
 margin:0 auto;
}

/* Table caption at top */
.table-caption-top caption {
 caption-side:top;
 margin-bottom:0.2rem;
}

/* Striped row table */
.table-striped-row tr:nth-child(even) td{
  background-color:#F3F6F6; 
}

/* Striped column table */
.table-striped-col tbody tr td:nth-child(odd) {
	background-color: #F3F6F6;
}

/*Borderless table*/
.table-borderless, 
.table-borderless thead td, 
.table-borderless th, 
.table-borderless tr, 
.table-borderless td{
  border:0;
}

/* Table lines should be used with table-borderless for abbreviations and two column layout */

.table-lines thead td, .table-lines th{
   border-bottom: 2px solid #dddddd;
	 background-color:unset;
   }
.table-lines td{
   border-bottom: 1px solid #dddddd;
   background-color:unset;
   }

/* Table hover (yellow background on mouse over) */
.table-hover tbody tr:hover{
  color: #212529;
  background-color: #e6e6e6;
}
.table-hover-yellow tbody tr:hover{background-color: #ffffcc;}
.table-hover-cyan tbody tr:hover{background-color: #e6ffff;}

/* Table with colored header */
.thead-primary thead td, .thead-primary th{background-color: #007bff; color: #fff;}
.thead-secondary thead td, .thead-secondary th{background-color: #6c757d; color: #fff;}
.thead-success thead td, .thead-success th{background-color: #28a745; color: #fff;}
.thead-warning thead td, .thead-warning th{background-color: #ffc107; color: #fff;}
.thead-danger thead td, .thead-danger th{background-color: #dc3545; color: #fff;}
.thead-info thead td, .thead-info th{background-color: #17a2b8; color: #fff;}
.thead-dark thead td, .thead-dark th{background-color: #343a40; color: #fff;}
.thead-light thead td, .thead-light th{background-color: #f8f9fa; color: #212529;}

/* Table with colored header correct to fill svgs with white color */
.thead-primary > thead> tr > td svg, .thead-primary > thead> tr > th svg,
.thead-secondary > thead> tr > td svg, .thead-secondary > thead> tr > th svg,
.thead-success > thead> tr > td svg, .thead-success > thead> tr > th svg,
.thead-warning > thead> tr > td svg, .thead-warning > thead> tr > th svg,
.thead-danger > thead> tr > td svg, .thead-danger > thead> tr > th svg,
.thead-info > thead> tr > td svg, .thead-info > thead> tr > th svg,
.thead-dark > thead> tr > td svg, .thead-dark > thead> tr > th svg
 {fill:#ffffff; padding:0 0 3px 0; }


.thead-primary th .tc-tiddlylink, .thead-primary th a,
.thead-secondary th .tc-tiddlylink, .thead-primary th a,
.thead-success th .tc-tiddlylink, .thead-primary th a,
.thead-warning th .tc-tiddlylink, .thead-primary th a,
.thead-danger th .tc-tiddlylink, .thead-primary th a,
.thead-info th .tc-tiddlylink, .thead-primary th a,
.thead-dark th .tc-tiddlylink, .thead-primary th a{color:#ffffff}
/* 
hsl(120, 60%, 30%);  /* A paler green
#2ecc71;   /* Emerlad Green
#e6e6fa;   /* Lavender Mist
#ffca28;   /* Amber Glow
#121212    /* Dark Grey
#3498db;   /* Moonstone Blue 
*/
.tbl-record-complete,
.tbl-record-complete svg,
.tbl-record-complete a.tc-tiddlylink {
   color: #F2F2F7FF; fill:currentColor; 
	 }
.tbl-record-complete {
    background-color: #7f8c8d; /* Slate Gray*/
 }.title-primary .tc-title {
  color: #007bff;
}
.title-secondary .tc-title {
  color: #6c757d;
}
.title-success .tc-title {
  color: #28a745;
}
.title-info .tc-title {
  color: #17a2b8;
}
.title-warning .tc-title {
  color: #ffc107;
}
.title-danger .tc-title {
  color: #dc3545;
}
.title-light .tc-title {
  color: #f8f9fa;
}
.title-dark .tc-title {
  color: #343a40;
}
.title-white .tc-title {
  color: #fff;
}.falign .katex-display > .katex {text-align:left;}
.ralign .katex-display > .katex {text-align:right;}
.table-mathbox  tr td{vertical-align: baseline;} /* baseline aligned text and fomula in table cell*/

/*
Only used with csv table + katex
See $:/plugins/kookma/shiraz/macros/csvtables/formats-math
*//* Styles for star rating used with table-csv macro */
.shiraz-star svg{
width: 1.2em;
height: 1.2em;
vertical-align: middle;
fill:#FF9529; /*Deep Saffron*/
}/* todo section ------------*/
.tc-tiddler-body p.dblock,
.tc-tiddler-preview-preview p.dblock {
	display:none;
}

/* button caption style on dynamic table header
this style can be overriden locally by user */
table thead .shiraz-csvtable-header  th button {
    text-transform: capitalize; /* Capitalize the first letter of any word*/
}

/*
Only used with csv table
See $:/plugins/kookma/shiraz/macros/csvtables/table-csv
The @@ produces a p tag.
*//* These css are taken from vanilla theme and modified to work in dynamic table tag cell */

/* for close svg button*/
.shiraz-dtable-tc-edit-tags button.tc-remove-tag-button svg {
	font-size: 0.7em;
	vertical-align: middle;
}

/* for add button and input */
.shiraz-dtable-tc-edit-tags > .tc-edit-add-tag {
	font-size:0.8em;
}

/* for added tags displayed */
.shiraz-dtable-tc-edit-tags span.tc-tag-label{
	font-size:0.85em;
}

/* for dropdown tags */
.shiraz-dtable-tc-edit-tags .tc-block-tags-dropdown span.tc-tag-label {
	font-size:1.05em;
}

/* main editor toolbar settings for dynamic table */
.shiraz-dtable-maineditor .tc-editor-toolbar button svg{
	height:0.9em;  /* make toolbar buttons smaller */
	width:0.9em
}
/* make third party plugins like KaTeX button smaller */
.shiraz-dtable-maineditor .tc-editor-toolbar button .katex{
	font-size: 0.9em;
	line-height:1em;
}

/* edit-text box for dynamic table */
.shiraz-dtable-textbox {
	width:100%;
	padding-left: 5px;
	border: none;
}

.shiraz-dtable-textbox:focus {
	outline: none;
	border: 1px solid #5778d8;
	background: transparent;
}

.tbl-inpt-edit { width: 100%; background-color: transparent; border: none; color: #000000;}

button.tbl-sort-svg > svg { text-shadow: none; fill:#000000; height:10px; padding:0 0 2px 0; }

th .tc-tiddlylink, th a { text-shadow: none; margin: 0 0 0 0; padding: 0 0 0 0; color:unset; font-weight: bold; }


/* DELETE CONFIRMATION */
table thead .tbl-delete-confirm > th {
	color: white;
	background-color:#ff0033;
	padding: 8px;
	margin: 0px;
	text-align:center;
	font-weight:normal;
}

table thead .tbl-delete-confirm > th > button {
	color: white;
	fill: white;
}

/* -- pagination --*/
.shiraz-dtable-page-footer td{
	margin: 0 0 0 0;
	padding: 4px 7px 4px 7px;
}

.shiraz-dtable-page-footer select{
	padding:0;
	margin:0;
	border:none;	
}

.shiraz-dtable-page-footer {
	text-align:center;
}

.shiraz-dtable-page-prev{
	float:left;
	margin-right:8px;
}

.shiraz-dtable-page-next{
	float:right;
	margin-left:8px;
}

.shiraz-dtable-page-footer button svg {height:0.7em;}
.shiraz-dtable-page-footer button {outline: none; line-height:normal;}
.shiraz-dtable-page-footer button:disabled {display:none;}

/* format the expanded record (tiddler body) - for local customization like KaTeX numbering */
.shiraz-dtable-expanded-record{ }

/* adjust the column width for date/due-date/status/linktype fields*/
.shiraz-dtable-col-fixedsize{
	width:5.5rem;
	white-space: nowrap;
}
.shiraz-dtable-priority{
	width:6.5rem;
	white-space: nowrap;
}
/* adjust the size of column with svg icons like: tbl-expand, tbl-clone, tbl-delete, tbl-checkbox */
.shiraz-dtable-svg{
	text-align: center;
	width:28px;
	min-width:28px;
	max-width:28px;
}

/* this ensure short title in small width table */
.shiraz-dtable-title{
	max-width: 15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*NEW 2024.06.01 ---------------*/
.shiraz-dtable-date{
	width:6.5rem;
	white-space: nowrap;
}

.shiraz-default-cursore{ /* for tbl-linktype */
	cursor:default;
}
.shiraz-dtable-locked-cell{
	/* for styling the locked cell */
	font-style:oblique;
}
.shiraz-cell-centered { /* centered table cell */
	text-align: center;
	vertical-align: middle;
}

/* Numerical summary label */
.shiraz-dtable-numerical-summary-lbl{
	font-weight:bold;
	background-color:transparent;
}

/* button caption style on dynamic table header
this style can be overriden locally by user */
table thead .shiraz-dtable-header  th button {
	text-transform: capitalize; /* Capitalize the first letter of any word*/
}

/* if TW-Utility is installed, The Code button will be hidden in Dynamic table */
.tbl-container .kk-utility-details{
	display: none;	
}/* these are dynamic or variable properties based on the tiddlywiki palette */.shiraz-dtable-page-footer select{
	background-color: #9addf1;
	color:#34373b;
}.shiraz-dtable-page-footer > td{
	background-color: #9addf1;
}/* customize the table footer used for numerical summary*/
.shiraz-dtable-footer tr td{
	background-color: #c5d8dd40;
	border:none;
}/* correct button color to support dark theme */
.tbl-container table thead th button{
	color:#545453
}
.tbl-container table thead th button svg {
	fill:#545453;
}/* for checked row in task explorer */
.shiraz-dtable-item-completed{
 color:#34373b;
 background-color:#9addf1;
}
 /* trashbin main ui */
.kk-trashbin-ui{
	min-width:320px; /* controls the minimum width of whole ui */
}
.kk-trahbin-ui .kk-trahbin-ui-controls svg{
 width:1.2em;
 height:1.2em;	
}
/* trashbin items list ui */
.kk-trashbin-row{
	display: flex;	
	width: 95%;
	flex-wrap: wrap;
}
.kk-trashbin-controls-row{
	margin-bottom: 10px;
}.kk-trashbin-row .kk-trashbin-delete,
.kk-trashbin-row .kk-trashbin-restore {
	flex-grow:0; width:20px;
	margin-left:5px;
}
.kk-trashbin-row .kk-trashbin-link{
	flex-grow:1; 
	width: calc(100% - 50px); 
	padding-right: 10px;
}
.kk-trahbin-ui .kk-trahbin-ui-controls svg {
	fill: #9cd7ec;
}
.kk-trahbin-ui .kk-trahbin-ui-controls button:hover svg,
.kk-trahbin-ui .kk-trahbin-ui-controls a:hover svg {
	fill: #4a8bb8;
}
.kk-trashbin-row:hover { background-color: #cdecf5; }
/* UI button fade-in*/
.kk-trahbin-ui  .kk-trashbin-ui-btn       { opacity:0.5; }
.kk-trahbin-ui  .kk-trashbin-ui-btn:hover { opacity:1.0; }/* set style for trashed tiddlers */
[data-tags ~="$:/tags/trashbin"] { border: 1px solid crimson; }/* Resolve issue for floating objects which cross the tiddler frame!
The below code should force the tiddler to always wrap around floating elements, so that they are always inside
Ref: https://groups.google.com/d/msg/tiddlywiki/5bZwwj6cyac/2LzFeA7AAwAJ
*/

/*
This has moved from Shiraz 3.0 here
It seems there are issues with tiddler with code-body: set to yes

.tc-tiddler-body:before, .tc-tiddler-body:after {
    content: "";
    display: table;
}

.tc-tiddler-body:after {
    clear: both;
}

.tc-tiddler-body {
    zoom: 1;
}
*/.tc-tiddler-body > h1,
.tc-tiddler-preview-preview > h1,
.tc-tiddler-body > h2,
.tc-tiddler-preview-preview > h2,
.tc-tiddler-body > h3,
.tc-tiddler-preview-preview > h3 {	
  text-transform: none;
	border-bottom: 1px solid #8BC7D9;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.tc-tiddler-body > h1,
.tc-tiddler-preview-preview > h1{
	font-weight:700;
	font-size: 1.4em;
}
.tc-tiddler-body > h2,
.tc-tiddler-preview-preview > h2 {
	font-weight:500;
	font-size:1.2em;
}.tc-tiddler-body > h3,
.tc-tiddler-preview-preview > h3 {
	font-weight:400;
	font-size:1.1em;
}/* Static rules for better performances*/

a:is([href^="file"])::before{
content:"";
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" class="tc-image-folder tc-image-button" viewBox="0 0 128 128"><g fill-rule="evenodd"><path d="M55.694 128H8C3.58 128 0 124.414 0 119.996V48.004C0 43.584 3.584 40 7.999 40H16v-8c0-4.418 3.578-8 8-8h32a8 8 0 018 8v8h40.001c4.418 0 7.999 3.586 7.999 8.004V59.83l-8-.082v-7.749A4 4 0 0099.997 48H56V36c0-2.21-1.793-4-4.004-4H28.004A4 4 0 0024 36v12H12.003A4 4 0 008 52v64a4 4 0 004.003 4h46.76l-3.069 8z"/><path d="M23.873 55.5h96.003c4.417 0 7.004 4.053 5.774 9.063l-13.344 54.374c-1.228 5.005-5.808 9.063-10.223 9.063H6.08c-4.417 0-7.003-4.053-5.774-9.063L13.65 64.563c1.228-5.005 5.808-9.063 10.223-9.063zm1.78 8.5h87.994c2.211 0 3.504 2.093 2.891 4.666l-11.12 46.668c-.614 2.577-2.902 4.666-5.115 4.666H12.31c-2.211 0-3.504-2.093-2.891-4.666l11.12-46.668C21.152 66.09 23.44 64 25.653 64z"/></g></svg></svg>')
}

a:is([href^="http"])::before{
content:"";
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" class="tc-image-open-window tc-image-button" viewBox="0 0 128 128"><g fill-rule="evenodd"><path d="M16 112h88.994c3.87 0 7.006 3.59 7.006 8 0 4.418-3.142 8-7.006 8H7.006C3.136 128 0 124.41 0 120a9.321 9.321 0 010-.01V24.01C0 19.586 3.59 16 8 16c4.418 0 8 3.584 8 8.01V112z"/><path d="M96 43.196V56a8 8 0 1016 0V24c0-4.41-3.585-8-8.007-8H72.007C67.588 16 64 19.582 64 24c0 4.41 3.585 8 8.007 8H84.57l-36.3 36.299a8 8 0 00-.001 11.316c3.117 3.117 8.19 3.123 11.316-.003L96 43.196zM32 7.999C32 3.581 35.588 0 40 0h80c4.419 0 8 3.588 8 8v80c0 4.419-3.588 8-8 8H40c-4.419 0-8-3.588-8-8V8z"/></g></svg></svg>')
}

a:is([href^="https"])::before{
content:"";
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" class="tc-image-locked-padlock tc-image-button" viewBox="0 0 128 128"><path fill-rule="evenodd" d="M96.472 64H105v32.01C105 113.674 90.674 128 73.001 128H56C38.318 128 24 113.677 24 96.01V64h8c.003-15.723.303-47.731 32.16-47.731 31.794 0 32.305 32.057 32.312 47.731zm-15.897 0H48.44c.002-16.287.142-32 15.719-32 15.684 0 16.977 16.136 16.415 32zM67.732 92.364A8.503 8.503 0 0064.5 76a8.5 8.5 0 00-3.498 16.25l-5.095 22.77H72.8l-5.07-22.656z"/></svg></svg>')
}

a:is([href*="wikipedia"],[href*="wikimedia"],[href*="wikiwand"])::before{
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" viewBox="0 0 128 128"><path d="M120.8 29.2c0 .4 0 .8-.3 1.1-.3.4-.6.5-.9.5-2.5.3-4.5 1-6 2.4-1.7 1.4-3.3 4-5 7.8L82.8 99.3c-.2.5-.6.8-1.4.8-.6 0-1.1-.3-1.4-.8L65.5 68.9 48.9 99.2c-.4.5-.9.8-1.5.8-.7 0-1.2-.3-1.4-.8L20.6 41a20.1 20.1 0 0 0-5-7.5 13.7 13.7 0 0 0-7.3-2.7c-.3 0-.6-.1-.8-.4-.2-.3-.3-.6-.3-1 0-1 .2-1.4.8-1.4l7 .3a71 71 0 0 0 13.8 0l7.8-.3c.5 0 .8.5.8 1.4 0 1-.2 1.4-.5 1.4-2.3.2-4 .8-5.3 1.7-1.3 1-2 2.3-2 3.9 0 .8.3 1.8.8 3l21 47.3 11.9-22.4L52.2 41c-2-4-3.6-6.8-5-8a9.9 9.9 0 0 0-5.7-2.2c-.3 0-.5-.1-.7-.4-.2-.3-.3-.6-.3-1 0-1 .2-1.4.7-1.4 2.2 0 4.3.1 6.2.3a50.9 50.9 0 0 0 12.2 0l6.9-.3c.5 0 .8.5.8 1.4 0 1-.1 1.4-.5 1.4-4.5.3-6.8 1.6-6.8 3.9 0 1 .5 2.6 1.6 4.7l7.3 14.9 7.3-13.6c1-2 1.5-3.6 1.5-5 0-3-2.2-4.7-6.7-4.9-.5 0-.7-.4-.7-1.4 0-.3.2-.6.4-1 .2-.3.4-.4.6-.4l6 .3a62.3 62.3 0 0 0 10.1 0l6.4-.3c.4 0 .6.4.6 1.2 0 1-.3 1.6-1 1.6-2.7.3-4.8 1-6.4 2.2a27.8 27.8 0 0 0-6 8l-9.7 18 13.1 26.8 19.4-45.1c.7-1.7 1-3.2 1-4.6 0-3.3-2.2-5-6.7-5.3-.4 0-.6-.4-.6-1.4 0-1 .3-1.4.9-1.4l5.8.3a54 54 0 0 0 10.5 0l5.4-.3c.5 0 .8.4.8 1.2z"/></svg></svg>')
}

a:is([href*="github"])::before{
content:"";
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" class="tc-image-github tc-image-button" viewBox="0 0 128 128"><path fill-rule="evenodd" d="M63.938 1.607c-35.336 0-63.994 28.69-63.994 64.084 0 28.312 18.336 52.329 43.768 60.802 3.202.59 4.37-1.388 4.37-3.088 0-1.518-.056-5.55-.087-10.897-17.802 3.871-21.558-8.591-21.558-8.591-2.911-7.404-7.108-9.375-7.108-9.375-5.81-3.973.44-3.895.44-3.895 6.424.453 9.803 6.606 9.803 6.606 5.709 9.791 14.981 6.963 18.627 5.322.582-4.138 2.236-6.963 4.063-8.564-14.211-1.617-29.153-7.117-29.153-31.672 0-6.995 2.495-12.718 6.589-17.195-.66-1.621-2.856-8.14.629-16.96 0 0 5.37-1.722 17.597 6.57 5.104-1.424 10.58-2.132 16.022-2.16 5.438.028 10.91.736 16.022 2.16 12.22-8.292 17.582-6.57 17.582-6.57 3.493 8.82 1.297 15.339.64 16.96 4.102 4.477 6.578 10.2 6.578 17.195 0 24.618-14.966 30.035-29.22 31.62 2.295 1.98 4.342 5.89 4.342 11.87 0 8.564-.079 15.476-.079 17.576 0 1.715 1.155 3.71 4.4 3.084 25.413-8.493 43.733-32.494 43.733-60.798 0-35.394-28.657-64.084-64.006-64.084"/></svg></svg>')
}

a:is([href*="twitter"],[href*="x.com"])::before{
content:"";
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" class="tc-image-twitter tc-image-button" viewBox="0 0 128 128"><path fill-rule="evenodd" d="M41.626 115.803A73.376 73.376 0 012 104.235c2.022.238 4.08.36 6.166.36 12.111 0 23.258-4.117 32.105-11.023-11.312-.208-20.859-7.653-24.148-17.883a25.98 25.98 0 0011.674-.441C15.971 72.881 7.061 62.474 7.061 49.997c0-.108 0-.216.002-.323a25.824 25.824 0 0011.709 3.22c-6.936-4.617-11.5-12.5-11.5-21.433 0-4.719 1.274-9.142 3.5-12.945 12.75 15.579 31.797 25.83 53.281 26.904-.44-1.884-.67-3.85-.67-5.868 0-14.22 11.575-25.75 25.852-25.75a25.865 25.865 0 0118.869 8.132 51.892 51.892 0 0016.415-6.248c-1.93 6.012-6.029 11.059-11.366 14.246A51.844 51.844 0 00128 25.878a52.428 52.428 0 01-12.9 13.33c.05 1.104.075 2.214.075 3.33 0 34.028-26 73.265-73.549 73.265"/></svg></svg>')
}

a:is([href*="tiddlywiki.com"])::before{
content:"";
--mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22pt" height="22pt"><svg width="22pt" height="22pt" viewBox="0 0 128 128"><path d="M64 0l54.56 32v64L64 128 9.44 96V32L64 0zm21.127 95.408c-3.578-.103-5.15-.094-6.974-3.152l-1.42.042c-1.653-.075-.964-.04-2.067-.097-1.844-.07-1.548-1.86-1.873-2.8-.52-3.202.687-6.43.65-9.632-.014-1.14-1.593-5.17-2.157-6.61-1.768.34-3.546.406-5.34.497-4.134-.01-8.24-.527-12.317-1.183-.8 3.35-3.16 8.036-1.21 11.44 2.37 3.52 4.03 4.495 6.61 4.707 2.572.212 3.16 3.18 2.53 4.242-.55.73-1.52.864-2.346 1.04l-1.65.08c-1.296-.046-2.455-.404-3.61-.955-1.93-1.097-3.925-3.383-5.406-5.024.345.658.55 1.938.24 2.53-.878 1.27-4.665 1.26-6.4.47-1.97-.89-6.73-7.162-7.468-11.86 1.96-3.78 4.812-7.07 6.255-11.186-3.146-2.05-4.83-5.384-4.61-9.16l.08-.44c-3.097.59-1.49.37-4.82.628-10.608-.032-19.935-7.37-14.68-18.774.34-.673.664-1.287 1.243-.994.466.237.4 1.18.166 2.227-3.005 13.627 11.67 13.732 20.69 11.21.89-.25 2.67-1.936 3.905-2.495 2.016-.91 4.205-1.282 6.376-1.55 5.4-.63 11.893 2.276 15.19 2.37 3.3.096 7.99-.805 10.87-.615 2.09.098 4.143.483 6.16 1.03 1.306-6.49 1.4-11.27 4.492-12.38 1.814.293 3.213 2.818 4.25 4.167 2.112-.086 4.12.46 6.115 1.066 3.61-.522 6.642-2.593 9.833-4.203-3.234 2.69-3.673 7.075-3.303 11.127.138 2.103-.444 4.386-1.164 6.54-1.348 3.507-3.95 7.204-6.97 7.014-1.14-.036-1.805-.695-2.653-1.4-.164 1.427-.81 2.7-1.434 3.96-1.44 2.797-5.203 4.03-8.687 7.016-3.484 2.985 1.114 13.65 2.23 15.594 1.114 1.94 4.226 2.652 3.02 4.406-.37.58-.936.785-1.54 1.01l-.82.11zm-40.097-8.85l.553.14c.694-.27 2.09.15 2.83.353-1.363-1.31-3.417-3.24-4.897-4.46-.485-1.47-.278-2.96-.174-4.46l.02-.123c-.582 1.205-1.322 2.376-1.72 3.645-.465 1.71 2.07 3.557 3.052 4.615l.336.3z" fill-rule="evenodd"/></svg></svg>')
}
/* other rules */
a[href]:not([href=""],.tc-page-controls a, .no-icon, .no-icon a, .tc-chooser a):before{
aspect-ratio:1/1;
background:center/contain no-repeat var(--url);
background-color:currentColor;
display: inline-block;
-webkit-mask: center / contain no-repeat var(--mask);
mask: center / contain no-repeat var(--mask);
width:0.9em;
margin-inline-end:0.30ch;
}a[href]:not([href=""],.tc-page-controls a){
text-decoration:none  ; 
}
/* This tweaks adjusts the thick borders created by some palettes (specially dark ones) for
buttons and inputs (like search box)
See https://github.com/TiddlyWiki/TiddlyWiki5/issues/8734
It should be removed once core is updated
*/
html button,
html input{border-style: solid;
	border-radius: 4px;
	border-width: 1px;
	padding: 2px 4px;
}
html input{
	background: inherit;
	color: inherit;
	fill: inherit;
	border-color: #7b7679;
}html button{
	  cursor: pointer;
}/* 
https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
https://github.com/Jermolene/TiddlyWiki5/discussions/6999
fixes long url overflows in table
*/
.tc-tiddler-frame a
 {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap:     break-word;
  word-break:    break-word;
  
  /* Adds a hyphen where the word breaks, if supported (No Blink) 
  hyphens: auto; */

}html {
  --scrollbarBG: #5FC1E2;
  --thumbBG: #4270a5; /*other candidate colors: foreground, sidebar-tiddler-link-foreground */
}/* only for Twilight palette use #668fac *//* Works on Firefox */
* {
  scrollbar-width: thin;
}
/* for Chrome, Edge */
::-webkit-scrollbar,
  scrollbar-width {
  width: 8px;
  height:8px;
}::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 1.5px solid var(--scrollbarBG);
  background-color: var(--thumbBG) ;
}/* create story river in two column layout */
.tc-topbar-right{
		background-color:#5FC1E2;
		border-radius: 1.5em;
}/*This fix is used to prevent hidden scrolling contents in vertical tabs like tagcloud in the sidebar*/
.tc-sidebar-tabs-main .tc-tab-content.tc-vertical {
	display: inline-block;
	vertical-align: top;
	padding-top: 0;
	padding-left: 14px;
	border-left: 1px solid transparent;
	-webkit-flex: 1 0 70%;
	flex: 1 0 70%;
	overflow:unset;
}

/* note the last line from overflow:auto; changed to overflow:unset; */div.kk-utility-code {
	position: relative;
}
div.kk-utility-code > button.tc-btn-invisible {
	position: absolute;
	right: 0;
	padding: 0.1em 0.2em;
	opacity: 0.3;
}
div.kk-utility-code > button.tc-btn-invisible:hover {
	transition: opacity 150ms ease-in-out;
	opacity: 1;
}
div.kk-utility-code > button.tc-btn-invisible svg {
	width: 1.2em;
	height: 1.2em;
}
/* code caption*/
.kk-utility-code-caption{
	background: #B9D5DD;
	border: solid 1px #B9D5DD;
	border-bottom: unset;
	padding: 0.3em 0.5em;
	border-radius: 3px 3px 0 0;
}
.kk-utility-code-caption:empty{
	display:none;
}
.kk-utility-code-caption + div.kk-utility-code > pre {
	border-radius: 0 0 3px 3px;
	margin-top: 0em;}
/*
Consider changing this rule: It hides the copy-button when
in a tiddler the code-body field is set to yes 
This may causes unwanted results. 	 
*/
div.tc-tiddler-body > div > div > button.tc-btn-invisible{
	display:none;
}.kk-doc svg{
width: 1.2em;
height: 1.2em;
vertical-align: middle;}.kk-utility-credential-inner{
	opacity: 0;
	transition: opacity ease-in 2s;
}
.kk-utility-credential-outer:hover .kk-utility-credential-inner{
	opacity: 1;
}details.kk-utility-details summary {
	opacity:0.2;
	font-size:0.9em;
	display: inline;
	cursor: pointer;
	padding: 10px;
	transition: 0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
details.kk-utility-details summary:hover,
details.kk-utility-details[open] > summary {
	opacity:1;
}

/* hide in preview pane */
.tc-tiddler-preview-preview .kk-utility-details{
	display: none; 
}


/* used in $:/plugins/kookma/utility/ui/ControlPanel/Settings */
.kk-utility-label{
	width:26em;
	display: block;
	margin-top:5px;
}

.kk-ut-txt{
	min-width:50%;
}.tc-subtitle svg { /* icons for created/updated on subtitle */
	font-size:1.3em;
}/* tiddler size table */

.kk-utility-tiddlersize{
	margin:0.5em;
}
.kk-utility-tiddlersize tr,
.kk-utility-tiddlersize th,
.kk-utility-tiddlersize td {
	padding:0 0.25em;
	margin:0; 
	text-align:right;
}

/* tiddler size button and dropdown in Edit mode */
.kk-utility-tiddlersize-btn{
	float:left;
	margin-top:-1.25em;
}
.kk-utility-tiddlersize-dropdwon{
	padding:0;
	font-size:90%;
	min-width:unset;
}.doc-example {
	margin: 1em 0;
	padding: 0.8em 0;
}
.doc-example:hover {
	background-color: #1518191A;
}
.doc-example ul {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0.2em;
}.doc-example input[type=search] { 
  width: 95%;
}
.doc-example pre:first-child {
	margin-top: 0;
}/* RECENT TAB DATE BOLD */
.tc-sidebar-lists .tc-timeline {
   font-weight: bold;
}
.tc-tiddler-preview {
     overflow: visible;
}
.tc-editor-toolbar {
     position: -webkit-sticky;
     position: -moz-sticky;
     position: -o-sticky;
     position: -ms-sticky;
     position: sticky;
     top: calc( + 40px);
     background: #CEEDF6;
     z-index: 500;
}
/* REMOVE DESCRIPTIONS OF BUTTONS IN TOOLS TAB */
.tc-sidebar-lists .tc-muted {
     display:none;
}
pre.hljs {
  padding: 0;
}pre code.hljs {
  padding: 0.5em;
}.hljs {
  background: #c3e8f4;
  color: #34373b;
  -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;
}
.markdown {
	display: block;
	margin: 0px;
}
span.markdown {
	display: inline;
}
.markdown hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #7b7679;
}
.markdown .footnotes {
	font-size: 0.9em;
	line-height: 1.32;
}
.markdown a.footnote-ref {
	color: #49769F;
	font-size: 0.75em;
	text-decoration: none;
	vertical-align: super;
	padding:0px 1px;
}
.markdown ol.footnotes-list {
	padding-left: 2em;
}
.markdown .footnote-item p {
	margin: 0.7em 0px;
}
.markdown a.footnote-backref {
	color: #49769F;
	font-size: 0.8em;
	text-decoration: none;
	margin-left: 0.25em;
}
.markdown a.footnote-ref:target, .markdown .footnote-item:target {
	background-color: #ecf2ff;
	scroll-margin-top: 120px;
}
.markdown li > p:first-child {
	margin-top: 0px;
}
.markdown li + li {
	margin-top: 2px;
}
.markdown mark {
	padding: 1px 3px;
}
/* SPDX-SnippetBegin */
  /*
    SPDX-SnippetCopyrightText: © 2025 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
    SPDX-License-Identifier: BSD-3-Clause
  */
  .cal__copyright {
    padding: 1rem;
    footer& {
      border-top: 1px solid;
      margin-top: 2rem;
      & a {
        color: unset;
      }
      && a {
        text-decoration: underline;
      }
    }
    & small {
      font-size: clamp(0.7rem, 0.8rem + 0.2vw, 1rem);
    }
  }

  /* Name of: Author, Brand-as-Entity, Company, Group, Team */
  .cal__source {
    text-transform: capitalize;
  }

  /* Title of: Album, Article, Book, Brand-as-Product, Chapter, Essay, Movie, Poem */
  .cal__work {  
    font-style: normal;
    quotes: '\00AB' '\00BB' '\2039' '\203A'; /* « » ‹ › */
    &::before {
      content: open-quote;
    }
    &::after {
      content: close-quote;
    }
  }

  /* Content: Album, Article, Chapter, Lyrics, Quotations, Poetry, Speeches */
  .cal__content {
    quotes: '\300C' '\300D' '\300E' '\300F'; /* 「 」 『 』 */
    &::before {
      content: open-quote;
    }
    &::after {
      content: close-quote;
    }
  }
/* SPDX-SnippetEnd *//* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 01-base.d/01-vars.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   - These are base vars not meant for editing.
 *   - See 99-config.d/01-vars.css for editable vars.
**/

:root {
  /** BGN: COLOUR VARS **/
    --color-black-bg: oklch(0% 0 0 / 0.25);
    --color-black: oklch(0% 0 0);

    --color-gray-bg: oklch(59.99% 0 0 / 0.20);
    --color-gray: oklch(59.99% 0 0);

    --color-grey-light-bg: oklch(86.69% 0 0 / 0.20);
    --color-grey-light: oklch(86.69% 0 0);

    --color-silver-bg: oklch(80.78% 0 0 / 0.20);
    --color-silver: oklch(80.78% 0 0);

    --color-white-bg: oklch(100% 0 0 / 0.5);
    --color-white: oklch(100% 0 0);

    --color-red-bg: oklch(62.8% 0.2577 29.2339 / 0.20);
    --color-red: oklch(62.8% 0.2577 29.2339);

    --color-lime-bg: oklch(86.64% 0.2948 142.4953 / 0.20);
    --color-lime: oklch(86.64% 0.2948 142.4953);

    --color-green-bg: oklch(51.98% 0.1769 142.4953 / 0.25);
    --color-green: oklch(51.98% 0.1769 142.4953);

    --color-blue-bg: oklch(45.2% 0.3132 264.052 / 0.35);
    --color-blue: oklch(45.2% 0.3132 264.052);

    /** NOTE: Closest to actual indigo dye **/
    --color-indigo-dye-bg: oklch(36.26% 0.091 244.97 / 0.35);
    --color-indigo-dye: oklch(36.26% 0.091 244.97);

    --color-blue-midnight-bg: oklch(28.81% 0.1436 272.76 / 0.5);
    --color-blue-midnight: oklch(28.81% 0.1436 272.76);

    --color-aqua-bg: oklch(90.54% 0.1546 194.7689 / 0.20);
    --color-aqua: oklch(90.54% 0.1546 194.7689);

    --color-magenta-bg: oklch(70.17% 0.3225 328.36 / 0.22);
    --color-magenta: oklch(70.17% 0.3225 328.36);

    --color-yellow-bg: oklch(96.8% 0.211 109.7692 / 0.22);
    --color-yellow: oklch(96.8% 0.211 109.7692);

    --color-orange-bg: oklch(79.27% 0.171 70.67 / 0.22);
    --color-orange: oklch(79.27% 0.171 70.67);

    --color-gold-bg: oklch(88.68% 0.1822 95.33 / 0.20);
    --color-gold: oklch(88.68% 0.1822 95.33);

    --color-pink-bg: oklch(86.77% 0.0735 7.0855 / 0.35);
    --color-pink: oklch(86.77% 0.0735 7.0855);

    --color-pink-hot-bg: oklch(0.7283 0.1971 351.99 / 0.35);
    --color-pink-hot: oklch(0.7283 0.1971 351.99);

    /** NOTE: Closest to actual brown **/
    --color-brown-bg: oklch(64.89% 0.07 58.55 / 0.20);
    --color-brown: oklch(64.89% 0.07 58.55);

    --color-brown-medium-dark-bg: oklch(63.08% 0.081 59.89 / 0.20);
    --color-brown-medium-dark: oklch(63.08% 0.081 59.89);

    --color-facebook-bg: oklch(52.56% 0.126 262.79 / 0.25);
    --color-facebook: oklch(52.56% 0.126 262.79);

    --color-twitter-bg: oklch(64.02% 0.148 243.45 / 0.25);
    --color-twitter: oklch(64.02% 0.148 243.45);

    --color-googleplus-bg: oklch(60.38% 0.187 28.96 / 0.25);
    --color-googleplus: oklch(60.38% 0.187 28.96);

    --color-ubuntu-bg: oklch(64.26% 0.193 38.26 / 0.25);
    --color-ubuntu: oklch(64.26% 0.193 38.26);

    --color-mastodon-bg: oklch(63.31% 0.142 245.03 / 0.25);
    --color-mastodon: oklch(63.31% 0.142 245.03);

    --color-hubzilla-bg: oklch(42.87% 0.109 277.68 / 0.25);
    --color-hubzilla: oklch(42.87% 0.109 277.68);

    --color-cgm-bg: oklch(66.01% 0.184 280.08 / 0.25);
    --color-cgm: oklch(66.01% 0.184 280.08);
  /** END: COLOUR VARS **/

  /** BGN: FONT-SIZE VARS **/
    --scale-latin: 1;
    --scale-hanzi: 1.125;
    --scale-kana: 1.125;
    --scale-jamo: 1.1;
    --scale-hebrew: 1.1;
    --scale-phoenician: 1.125;
    --scale-greek: 1.05;
    --scale-greek-ancient: 1.1;
    --scale-baybayin: 1.125;

    /** BGN: Base font-size **/
      /**
       * Min: 16px (100%)
       * Desktop: ~21px
       * Max Cap: 32px (2rem)
      **/

      --font-size-adjust-base: ex-height from-font;
      --letter-spacing-base: normal;
      --line-height-base: 1.5;
    /** END: Base font-size **/

    /** BGN: Latin script **/
      /**
       * Any potential inheritance from parent that is not Latin (like in <html lang>) is overridden.
       *
       * Min: 16px (100%)
       * Desktop: ~21px
       * Max Cap: 32px (2rem)
      **/

      --font-size-latin: calc(1em * var(--scale-latin)); /** NOTE: Ensures it is relative to parent and not body{} **/
      --font-size-adjust-latin: var(--font-size-adjust-base);
      --letter-spacing-latin: var(--letter-spacing-base);
      --line-height-latin: var(--line-height-base);
    /** END: Latin script **/

    /** BGN: Hanzi (Traditional, Simple, Hanja, Kanji) **/
      /**
       * Min: 18px (112.5%)
       * Desktop: ~24px
       * Max Cap: 36px (2.25rem)
      **/

      /* --font-size-hanzi: clamp(1.125rem, calc(0.95rem + 0.6vw), 2.25rem); */
      /* --font-size-hanzi: clamp(112.5%, calc(95% + 0.6vw), 225%); */
      --font-size-hanzi: calc(1em * var(--scale-hanzi));
      --font-size-adjust-hanzi: ic-height from-font;
      --letter-spacing-hanzi: 0.04rem;
      --line-height-hanzi: 1.8;
    /** END: Hanzi (Traditional, Simple, Hanja, Kanji) **/

    /** BGN: Kana (Katakana, Hiragana) **/
      /**
       * Min: 18px (112.5%)
       * Desktop: ~24px
       * Max Cap: 36px (2.25rem)
      **/

      /* --font-size-kana: clamp(1.125rem, calc(0.95rem + 0.6vw), 2.25rem); */
      /* --font-size-kana: clamp(112.5%, calc(95% + 0.6vw), 225%); */
      --font-size-kana: calc(1em * var(--scale-kana));
      --font-size-adjust-kana: var(--font-size-adjust-hanzi);
      --letter-spacing-kana: 0.03rem;
      --line-height-kana: 1.85;
    /** END: Kana (Katakana, Hiragana) **/

    /** BGN: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/
      /**
       * Min: 18px (112.5%)
       * Desktop: ~23px
       * Max Cap: 36px (2.25rem)
      **/

      /* --font-size-jamo: clamp(1.125rem, calc(0.95rem + 0.58vw), 2.25rem); */
      /* --font-size-jamo: clamp(112.5%, calc(95% + 0.58vw), 225%); */
      --font-size-jamo: calc(1em * var(--scale-jamo));
      --font-size-adjust-jamo: var(--font-size-adjust-hanzi);
      --letter-spacing-jamo: -0.01rem;
      --line-height-jamo: 1.7;
    /** END: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/

    /** BGN: Hebrew (modern) **/
      /**
       * Min: 
       * Desktop: 
       * Max Cap: 
      **/

      --font-size-hebrew: calc(1em * var(--scale-hebrew));
      --font-size-adjust-hebrew: var(--font-size-adjust-base);
      --letter-spacing-hebrew: 0.01rem;
      --line-height-hebrew: 1.6;
      --line-height-hebrew-niqqud: 1.9;
    /** END: Hebrew (modern) **/

    /** BGN: Paleo-Hebrew, Phoenician **/
      /**
       * Min: 
       * Desktop: 
       * Max Cap: 
      **/

      --font-size-phoenician: calc(1em * var(--scale-phoenician));
      --font-size-adjust-phoenician: var(--font-size-adjust-base);
      --letter-spacing-phoenician: 0.04rem;
      --line-height-phoenician: 1.75;
    /** END: Paleo-Hebrew, Phoenician **/

    /** BGN: Greek (modern) **/
      /**
       * Min: 
       * Desktop: 
       * Max Cap: 
      **/

      --font-size-greek: calc(1em * var(--scale-greek));
      --font-size-adjust-greek: var(--font-size-adjust-base);
      --letter-spacing-greek: 0.01rem;
      --line-height-greek: 1.55;
    /** END: Greek (modern) **/

    /** BGN: Ancient Greek (Koine) **/
      /**
       * Min: 
       * Desktop: 
       * Max Cap: 
      **/

      --font-size-greek-ancient: calc(1em * var(--scale-greek-ancient));
      --font-size-adjust-greek-ancient: var(--font-size-adjust-base);
      --letter-spacing-greek-ancient: 0.02rem;
      --line-height-greek-ancient: 1.8;
    /** END: Ancient Greek (Koine) **/

    /** BGN: Filipino in Baybayin script (universal) **/
      /**
       * Min: 18px (112.5%)
       * Desktop: ~23.5px
       * Max Cap: 36px (2.25rem)
      **/

      /* --font-size-baybayin: clamp(1.125rem, calc(0.95rem + 0.6vw), 2.25rem); */
      /* --font-size-baybayin: clamp(112.5%, calc(95% + 0.6vw), 225%); */
      --font-size-baybayin: calc(1em * var(--scale-baybayin));
      --font-size-adjust-baybayin: var(--font-size-adjust-base);
      --letter-spacing-baybayin: 0.06rem;
      --line-height-baybayin: 1.7;
    /** END: Filipino in Baybayin script (universal) **/
  /** END: FONT-SIZE VARS **/

  /** BGN: FONT-FAMILY VARS **/
    --font-latn-sans-noto: 'Noto Sans';
    --font-latn-serif-noto: 'Noto Serif';
    --font-latn-mono-noto: 'Noto Sans Mono', 'Noto Mono';

    --font-latn-sans-roboto: 'Roboto';
    --font-latn-serif-roboto: 'Roboto Serif';
    --font-latn-mono-roboto: 'Roboto Mono';

    --font-kana-sans-mplus: 'M PLUS Rounded 1c';
    --font-kana-serif-zen: 'Zen Old Mincho';
    --font-kana-mono-mplus: 'M PLUS 1 Code';

    --font-jamo-sans-nanum: 'Nanum Gothic';
    --font-jamo-sans-gothic-a1: 'Gothic A1';
    --font-jamo-serif-nanum: 'Nanum Myeongjo';
    --font-jamo-mono-nanum: 'Nanum Gothic Coding';

    --font-latn-fantasy-barabara: 'barabara';

    /** HANZI **/
    --font-hans-sans: 'Roboto', 'Noto Sans SC', 'Noto Sans CJK SC', 'Noto Sans';
    --font-hant-sans: 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC', 'Noto Sans';
    --font-hk-sans: 'Roboto', 'Noto Sans HK', 'Noto Sans CJK HK', 'Noto Sans';
    --font-bopo-sans: 'Roboto', 'Noto Sans TC', 'Noto Sans CJK TC', 'Noto Sans';
    --font-hans-sans-noto-fangsong-rotated: 'Roboto', 'Noto Fangsong KSS Rotated', 'Noto Sans';
    --font-hans-sans-noto-fangsong-vertical: 'Roboto', 'Noto Fangsong KSS Vertical', 'Noto Sans';

    /** KANA **/
    --font-kana-sans: 'Roboto', 'M PLUS Rounded 1c', 'Noto Sans JP', 'Noto Sans CJK JP', 'Noto Sans';
    --font-kana-serif: 'Roboto Serif', 'Zen Old Mincho', 'Noto Serif JP', 'Noto Serif CJK JP', 'Noto Serif';
    --font-kana-mono: 'Roboto Mono', 'M PLUS 1 Code', 'Noto Sans Mono', 'Noto Mono';

    /** SEJONGGEUL **/
    --font-jamo-sans: 'Roboto', 'Gothic A1', 'Noto Sans KR', 'Noto Sans CJK KR', 'Noto Sans';
    --font-jamo-serif: 'Roboto Serif', 'Nanum Myeongjo', 'Noto Serif KR', 'Noto Serif CJK KR', 'Noto Serif';
    --font-jamo-mono: 'Roboto Mono', 'Nanum Gothic Coding', 'Noto Sans Mono', 'Noto Mono';

    /** HEBREW **/
    --font-hebr-sans: 'Roboto', 'phoenician-sans-noto', 'Noto Sans Phoenician', 'hebrew-sans-noto', 'Noto Sans Hebrew', 'Noto Sans'; /** NOTE: Different Unicode blocks **/
    --font-hebr-serif: 'Roboto Serif', 'hebrew-serif-noto', 'Noto Serif Hebrew', 'Noto Serif';
    --font-hebr-sans-paleo-gezer: 'Roboto', 'hebrew-sans-paleo-gezer', 'Noto Sans';
    --font-hebr-sans-proto-canaanite: 'Roboto', 'hebrew-sans-proto-canaanite', 'Noto Sans';

    /** GREEK **/
    /*
    --font-grek-sans: '';
    --font-grek-serif: '';
    */

    /** FILIPINO **/
    --font-filipino-sans: 'Roboto', 'Gothic A1', 'M PLUS Rounded 1c', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans CJK KR', 'Noto Sans CJK JP', 'baybayin-noto', 'Noto Sans Tagalog', 'Noto Sans Hanunoo', 'Noto Sans Buhid', 'Noto Sans Tagbanwa', 'Noto Sans'; /** NOTE: Different Unicode blocks for Baybayin **/
    --font-baybayin-noto: 'baybayin-noto', 'Noto Sans Tagalog', 'Noto Sans Hanunoo', 'Noto Sans Buhid', 'Noto Sans Tagbanwa'; /** NOTE: Different Unicode blocks **/
    --font-baybayin-nordenx: 'baybayin-nordenx'; /** NOTE: subset font **/

    /** MISC **/
    --font-math-sans: 'Roboto', 'noto-sans-math', 'Noto Sans Math', 'noto-sans-symbols2', 'Noto Sans Symbols 2', 'noto-sans-symbols', 'Noto Sans Symbols', 'Noto Sans';
    --font-music: 'Roboto', 'noto-music', 'Noto Music', 'noto-sans-symbols2', 'Noto Sans Symbols 2', 'noto-sans-symbols', 'Noto Sans Symbols', 'Noto Sans';

    /** EMOJI **/
    --font-emoji-fallback: 'Apple Color Emoji', 'Segoe UI Emoji', 'noto-sans-symbols2', 'Noto Sans Symbols 2', 'noto-sans-symbols', 'Noto Sans Symbols';
    --font-emoji-noto: 'Noto Color Emoji', 'Noto Emoji';
    --font-emoji-combined: 'Noto Color Emoji', 'twemoji-color', 'Twitter Color Emoji', 'Apple Color Emoji', 'Noto Emoji', 'JoyPixels', 'Emoji Two', 'EmojiOne Mozilla', 'Emoji One', 'Segoe UI Emoji', 'noto-sans-symbols2', 'Noto Sans Symbols 2', 'noto-sans-symbols', 'Noto Sans Symbols';
  /** END: FONT-FAMILY VARS **/
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: BSD-3-Clause
 *
 * Module: 01-base.d/02-default.css
 * Target: TiddlyWiki
**/

:root {
  /**
   * NOTE:
   *   - will target <html>, <xml>, <xhtml>, <svg>, etc.
   *   - higher than <html>
   *   - good for global CSS vars
   *   - won't affect pseudo classes (use <html>)
  **/
  /* color-scheme: light dark; */ /** NOTE: don't add in TiddlyWiki **/
  scroll-behavior: smooth; /** NOTE: only affects the viewport **/
  text-rendering: optimizeLegibility; /** NOTE: in :root to also set for svg; inherited **/
}
@supports (text-rendering: geometricPrecision) {
  :root { text-rendering: geometricPrecision; /** NOTE: in :root to also set for svg; inherited **/ }
}

* {
  scroll-behavior: smooth; /** NOTE: affects all elements but not the viewport **/
}

html {
  /**
   * NOTE:
   *   - lower than :root and <body>
   *   - for styles with a root size option (usually font-size)
   *   - affects pseudo-classes (as compared to :root)
  **/
  font-size: 100%; /** NOTE: usually 16px **/
}

body {
  /**
   * NOTE:
   *   - set everything here
   *   - if it can be inherited, this is the best place to set it
   *   - higher than <html>
  **/
  font-kerning: normal; /** TODO: make it dependent on viewport size; kerning is bad for small viewports **/
  font-optical-sizing: auto;
  font-size: clamp(1rem, calc(0.85rem + 0.55vw), 2rem); /** NOTE: a11y, responsive, fallback **/
  /* font-size: clamp(100%, calc(85% + 0.55vw), 200%); */ /** NOTE: a11y, responsive, fallback **/
  font-size-adjust: var(--font-size-adjust-base);
  font-variant-numeric: oldstyle-nums tabular-nums ordinal slashed-zero;
  image-rendering: smooth; /** NOTE: different value keywords for svg **/
  letter-spacing: var(--letter-spacing-base);
  line-height: var(--line-height-base);
  min-block-size: 100vh;
  text-autospace: no-autospace; /** NOTE: for IE6-like engines/browsers (Blink/Chromium and forks) **/
  text-autospace: ideograph-alpha replace; /** NOTE: for real engines/browsers (Gecko/Firefox) **/
  /** BGN: wrapping **/
    hyphens: none;
    line-break: strict;
    overflow-wrap: normal;
    word-break: keep-all;
    word-break: auto-phrase;
  /** END: wrapping **/
}
@supports (font-variant-emoji: unicode) {
  body { font-variant-emoji: unicode; }
}
@supports (word-break: auto-phrase) {
  body { word-break: auto-phrase; }
}

:where(a) {
  display: inline flow;

  /** PRIVACY NOTE: :link, :visited must be the same **/
  &:any-link {
    /** NOTE: applies to :link which :visited fallbacks to **/
    cursor: var(--link-cursor);
    text-decoration-line: var(--link-decoration-line);
    text-decoration-thickness: from-font; /** NOTE: line thickness **/
    text-decoration-skip-ink: all;
    text-decoration-style: var(--link-decoration-style);

    /** NOTE: applies to both :link and :visited **/
    /* background-color: transparent; */
    /* color: var(--link-color); */ /** NOTE: don't add in TiddlyWiki **/
    text-decoration-color: var(--link-decoration-color);

    &:hover {
      /* color: var(--link-color-hover); */ /** NOTE: don't add in TiddlyWiki **/
      text-decoration-color: var(--link-decoration-color-hover);
      text-decoration-line: var(--link-decoration-line-hover);
      text-decoration-style: var(--link-decoration-style-hover);
    }

    &:active {
      text-decoration-color: var(--link-decoration-color-active);
    }
  }
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 01-base.d/03-lang.css
 * Target: TiddlyWiki
**/

/**
 * REF NOTE:
 *   - https://localizely.com/iso-15924-list/
 *   - https://www.w3.org/TR/selectors-4/#the-lang-pseudo
 *     - https://caniuse.com/?search=%3Alang()
 *
 * NOTE:
 *   @supports selector()
 *     - :lang(\*-Latn) = Firefox:yes (insensitive) || Chromium:yes (i)
 *         - do not use, Chromium half-assed implemented :lang(\*-Latn), see below
 *         - Chromium = new IE6
 *     - :lang('*-Latn') = Firefox:yes (i) || Chromium:no
 *     - :lang(fil-Hang, '*-Latn') = Firefox:yes (i) || Chromium:no
 *
 *   :lang(C)
 *     - :lang(\*-Latn) = Firefox:yes (insensitive) || Chromium:no
 *         - half-assed implementation, it works inside @supports, see above
 *         - Chromium = new IE6
 *     - :lang('*-Latn') = Firefox:yes (i) || Chromium:no
 *     - :lang(fil-Hang, '*-Latn') = Firefox:yes (i) || Chromium:no
**/

/**
 * CRITICAL NOTE:
 *   1. Do not combine common properties of different languages.
 *       Chaotic for multilingual pages.
 *   2. Do not add `:lang(C) :where(E, E) {}`
 *       Same as above.
 *       Instead, add `lang=''` in HTML when needed.
 *
 * This sets base properties for various languages and scripts.
 *   It was arranged to ensure proper cascade works correctly
 *     if there are multilanguage nesting. Admittedly, based on
 *     what I need and how I mix languages.
 *   Regardless, I made sure it is as universal as possible.
**/

/**
 * TODO OPTIMIZE:
 *   - Use native CSS nesting with :lang()
 *     - Currently not advisable due to complexity in supporting IE6-like browsers
**/

:where(:lang(en)) {
  direction: ltr; /** NOTE: also set dir=ltr in HTML **/
  font-language-override: 'ENG';
  font-size: var(--font-size-latin);
  font-size-adjust: var(--font-size-adjust-latin);
  font-style: revert;
  font-synthesis: revert;
  letter-spacing: var(--letter-spacing-latin);
  line-height: var(--line-height-latin);
}

/** BGN: Hanzi (Traditional, Simple, Hanja, Kanji) **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang(yue, zh))) {
      :where(
        :lang(yue), ​:lang(zh)
      ) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/
        font-size: var(--font-size-hanzi);
        font-size-adjust: var(--font-size-adjust-hanzi);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
        font-variant-east-asian: full-width;
        letter-spacing: var(--letter-spacing-hanzi);
        line-height: var(--line-height-hanzi);
      }
      :where(em, i):lang(yue),
      :where(em, i):lang(zh) {
        text-decoration: none;
        text-emphasis-color: var(--color-red);
        text-emphasis-position: under right;
        text-emphasis-style: var(--emphasis-style-cjk);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang(yue, zh)) {
      :where(:lang(yue, zh)) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/
        font-size: var(--font-size-hanzi);
        font-size-adjust: var(--font-size-adjust-hanzi);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
        font-variant-east-asian: full-width;
        letter-spacing: var(--letter-spacing-hanzi);
        line-height: var(--line-height-hanzi);
      }
      :where(em, i):lang(yue, zh) {
        text-decoration: none;
        text-emphasis-color: var(--color-red);
        text-emphasis-position: under right;
        text-emphasis-style: var(--emphasis-style-cjk);
      }
    }
  /** END: :lang(C, C) **/

  :where(:lang(zh-Hans)) {
    font-language-override: 'ZHS';
    font-variant-east-asian: simplified full-width;
  }
  :where(:lang(zh-Hant)) {
    font-language-override: 'ZHT';
    font-variant-east-asian: traditional full-width;
  }
  :where(:lang(zh-Hant-HK)) {
    font-language-override: 'ZHH';
  }
  /*
  :where(:lang(zh-Bopo)) {
    font-language-override: '';
  }
  */
/** END: Hanzi (Traditional, Simple, Hanja, Kanji) **/

/** BGN: Kana (Katakana, Hiragana) **/
  :where(:lang(ja)) {
    direction: ltr; /** NOTE: also set dir=ltr in HTML **/
    font-language-override: 'JAN';
    font-size: var(--font-size-kana);
    font-size-adjust: var(--font-size-adjust-kana);
    font-style: normal; /** NOTE: remove italics **/
    font-synthesis: weight; /** NOTE: only bold **/
    font-variant-east-asian: jis04 full-width;
    letter-spacing: var(--letter-spacing-kana);
    line-height: var(--line-height-kana);
  }
  :where(em, i):lang(ja) {
    text-decoration: none;
    text-emphasis-color: var(--color-red);
    text-emphasis-position: over right;
    text-emphasis-style: var(--emphasis-style-cjk);
  }
  :where(:lang(ja-Hani)) {
    font-size: var(--font-size-hanzi);
    font-size-adjust: var(--font-size-adjust-hanzi);
    letter-spacing: var(--letter-spacing-hanzi);
    line-height: var(--line-height-hanzi);
  }
/** END: Kana (Katakana, Hiragana) **/

/** BGN: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/
  :where(:lang(ko)) {
    direction: ltr; /** NOTE: also set dir=ltr in HTML **/
    font-language-override: 'KOR';
    font-size: var(--font-size-jamo);
    font-size-adjust: var(--font-size-adjust-jamo);
    font-style: normal; /** NOTE: remove italics **/
    font-synthesis: weight; /** NOTE: only bold **/
    font-variant-east-asian: full-width;
    letter-spacing: var(--letter-spacing-jamo);
    line-height: var(--line-height-jamo);
  }
  :where(em, i):lang(ko) {
    text-decoration: none;
    text-emphasis-color: var(--color-red);
    text-emphasis-position: over right;
    text-emphasis-style: var(--emphasis-style-cjk);
  }
  :where(:lang(ko-Hani)) {
    font-size: var(--font-size-hanzi);
    font-size-adjust: var(--font-size-adjust-hanzi);
    letter-spacing: var(--letter-spacing-hanzi);
    line-height: var(--line-height-hanzi);
  }
/** END: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/

/** BGN: Hebrew & Paleo-Hebrew **/
  /**
   * NOTE:
   *   - `he-` or `heb- `- modern Hebrew
   *   - `hbo-` - ancient Hebrew
   *   - `-Hebr` - modern Hebrew script
   *   - `-Phnx` - Paleo-Hebrew script
   *
   * REF NOTE:
   *   - https://en.wikipedia.org/wiki/ISO_15924
   *   - https://en.wikipedia.org/wiki/ISO_639-3
  **/
  :where(:lang(he)) {
    font-language-override: 'IWR';
    font-size: var(--font-size-hebrew);
    font-size-adjust: var(--font-size-adjust-hebrew);
    letter-spacing: var(--letter-spacing-hebrew);
    line-height: var(--line-height-hebrew);
  }
  :where(:lang(hbo)) {
    font-size: var(--font-size-phonecian);
    font-size-adjust: var(--font-size-adjust-phoenician);
    letter-spacing: var(--letter-spacing-phoenician);
    line-height: var(--line-height-phoenician);
  }

  /** BGN: Dark Age ('IE6 successor') **/
    @supports not selector(:lang(he, hbo)) {
      :where(
        :lang(he),
        :lang(hbo)
      ) {
        direction: rtl; /** NOTE: also set dir=rtl in HTML **/
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
      }
      :where(em, i):lang(he),
      ​:where(em, i):lang(hbo) {
        text-decoration: none;
        text-emphasis-color: var(--color-red);
        text-emphasis-position: under left;
        text-emphasis-style: var(--emphasis-style-generic);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang(he, hbo)) {
      :where(:lang(he, hbo)) {
        direction: rtl; /** NOTE: also set dir=rtl in HTML **/
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
      }
      :where(em, i):lang(he, hbo) {
        text-decoration: none;
        text-emphasis-color: var(--color-red);
        text-emphasis-position: under left;
        text-emphasis-style: var(--emphasis-style-generic);
      }
    }
  /** END: :lang(C, C) **/
/** END: Hebrew & Paleo-Hebrew **/

/** BGN: Greek & Ancient Greek (Koine) **/
  :where(:lang(el)) {
    font-language-override: 'ELL'; /** NOTE: Modern Greek **/
    font-size: var(--font-size-greek);
    font-size-adjust: var(--font-size-adjust-greek);
    font-style: unset;
    font-synthesis: unset;
    letter-spacing: var(--letter-spacing-greek);
    line-height: var(--line-height-greek);
  }
  :where(:lang(grc)) { /** NOTE: Ancient Greek only **/
    font-size: var(--font-size-greek-ancient);
    font-size-adjust: var(--font-size-adjust-greek-ancient);
    font-style: normal; /** NOTE: remove italics **/
    font-synthesis: weight; /** NOTE: only bold **/
    letter-spacing: var(--letter-spacing-greek-ancient);
    line-height: var(--line-height-greek-ancient);
  }

  :where(em, i):lang(grc) { /** NOTE: Ancient Greek only **/
    text-decoration: none;
    text-emphasis-color: var(--color-red);
    text-emphasis-position: under left;
    text-emphasis-style: var(--emphasis-style-generic);
  }

  /** BGN: Dark Age ('IE6 successor') **/
    @supports not selector(:lang(el, grc)) {
      :where(
        :lang(el),
        :lang(grc)
      ) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang(el, grc)) {
      :where(:lang(el, grc)) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/
      }
    }
  /** END: :lang(C, C) **/
/** END: Greek & Ancient Greek (Koine) **/

/** BGN: Filipino **/
  /** BGN: Filipino in Latin script **/
    /** BGN: Dark Age ('IE6 successor') **/
      @supports not selector(:lang(fil, en-PH)) {
        :where(
          :lang(fil),
          :lang(en-PH)
        ) {
          direction: ltr; /** NOTE: also set dir=ltr in HTML **/
          font-language-override: 'PIL';
          font-size: var(--font-size-latin);
          font-size-adjust: var(--font-size-adjust-latin);
          font-style: normal; /** NOTE: remove italics **/
          font-synthesis: revert;
          font-variant-east-asian: full-width;
          letter-spacing: var(--letter-spacing-latin);
          line-height: var(--line-height-latin);
        }
        :where(em, i):lang(fil),
        :where(em, i):lang(en-PH) {
          text-decoration: none;
          text-emphasis-color: var(--color-red);
          text-emphasis-position: under left;
          text-emphasis-style: var(--emphasis-style-ph);
        }
      }
    /** END: Dark Age ('IE6 successor') **/

    /** BGN: :lang(C, C) **/
      @supports selector(:lang(fil, en-PH)) {
        :where(:lang(fil, en-PH)) {
          direction: ltr; /** NOTE: also set dir=ltr in HTML **/
          font-language-override: 'PIL';
          font-size: var(--font-size-latin);
          font-size-adjust: var(--font-size-adjust-latin);
          font-style: normal; /** NOTE: remove italics **/
          font-synthesis: revert;
          font-variant-east-asian: full-width;
          letter-spacing: var(--letter-spacing-latin);
          line-height: var(--line-height-latin);
        }
        :where(em, i):lang(fil, en-PH) {
          text-decoration: none;
          text-emphasis-color: var(--color-red);
          text-emphasis-position: under left;
          text-emphasis-style: var(--emphasis-style-ph);
        }
      }
    /** END: :lang(C, C) **/
  /** END: Filipino in Latin script **/

  /** BGN: Filipino in Baybayin script **/
    /** BGN: Dark Age ('IE6 successor') **/
      @supports not selector(:lang('*-Tglg', '*-Hano', '*-Buhd')) {
        :where(
          :lang(fil-Tglg),
          ​:lang(fil-Hano),
          ​:lang(fil-Buhd)
        ) {
          font-size: var(--font-size-baybayin);
          font-size-adjust: var(--font-size-adjust-baybayin);
          font-style: normal; /** NOTE: remove italics **/
          font-synthesis: weight; /** NOTE: only bold **/
          letter-spacing: var(--letter-spacing-baybayin);
          line-height: var(--line-height-baybayin);
        }
        :where(em, i):lang(fil-Tglg),
        ​:where(em, i):lang(fil-Hano),
        ​:where(em, i):lang(fil-Buhd) {
          text-decoration: none;
          text-emphasis-color: var(--color-red);
          text-emphasis-position: under left;
          text-emphasis-style: var(--emphasis-style-ph);
        }
    /** END: Dark Age ('IE6 successor') **/

    /** BGN: :lang('*-C', '*-C') **/
      @supports selector(:lang('*-Tglg', '*-Hano', '*-Buhd')) {
        :where(:lang('*-Tglg', '*-Hano', '*-Buhd')) {
          font-size: var(--font-size-baybayin);
          font-size-adjust: var(--font-size-adjust-baybayin);
          font-style: normal; /** NOTE: remove italics **/
          font-synthesis: weight; /** NOTE: only bold **/
          letter-spacing: var(--letter-spacing-baybayin);
          line-height: var(--line-height-baybayin);
        }
        :where(em, i):lang('*-Tglg', '*-Hano', '*-Buhd') {
          text-decoration: none;
          text-emphasis-color: var(--color-red);
          text-emphasis-position: under left;
          text-emphasis-style: var(--emphasis-style-ph);
        }
      }
    /** END: :lang('*-C', '*-C') **/
  /** END: Filipino in Baybayin script **/
/** END: Filipino **/

/** BGN: Latin script **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang('*-jyutping', '*-Latn'))) {
      :where(
        :lang(yue-jyutping), :lang(zh-yue-jyutping),
        :lang(zh-Latn),
        :lang(ja-Latn),
        :lang(ko-Latn),
        :lang(he-Latn), :lang(hbo-Latn),
        :lang(grc-Latn)
      ) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/ /** NOTE: needed because :lang(C) is a wildcard match **/
        font-language-override: normal; /** NOTE: needed because :lang(C) is a wildcard match **/
        font-size: var(--font-size-latin);
        font-size-adjust: var(--font-size-adjust-latin);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: revert;
        letter-spacing: var(--letter-spacing-latin);
        line-height: var(--line-height-latin);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang('*-C', '*-C') **/
    @supports selector(:lang('*-jyutping', '*-Latn')) {
      :where(:lang('*-jyutping', '*-Latn')) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/ /** NOTE: needed because :lang(C) is a wildcard match **/
        font-language-override: normal; /** NOTE: needed because :lang(C) is a wildcard match **/
        font-size: var(--font-size-latin);
        font-size-adjust: var(--font-size-adjust-latin);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: revert;
        letter-spacing: var(--letter-spacing-latin);
        line-height: var(--line-height-latin);
      }
    }
  /** END: :lang('*-C', '*-C') **/

  :where(:lang(el-Latn)) {
    font-size: var(--font-size-latin);
    font-size-adjust: var(--font-size-adjust-latin);
    font-style: revert;
    letter-spacing: var(--letter-spacing-latin);
    line-height: var(--line-height-latin);
  }
/** END: Latin script **/

/** BGN: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang('*-Hang', '*-Jamo'))) {
      :where(
        :lang('*-Hang'),
        :lang('*-Jamo')
      ) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/ /** NOTE: needed because :lang(C) is a wildcard match **/
        font-language-override: normal; /** NOTE: needed because :lang(C) is a wildcard match **/
        font-size: var(--font-size-jamo);
        font-size-adjust: var(--font-size-adjust-jamo);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
        font-variant-east-asian: full-width;
        letter-spacing: var(--letter-spacing-jamo);
        line-height: var(--line-height-jamo);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang('*-C', '*-C') **/
    @supports selector(:lang('*-Hang', '*-Jamo')) {
      :where(:lang('*-Hang', '*-Jamo')) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/ /** NOTE: needed because :lang(C) is a wildcard match **/
        font-language-override: normal; /** NOTE: needed because :lang(C) is a wildcard match **/
        font-size: var(--font-size-jamo);
        font-size-adjust: var(--font-size-adjust-jamo);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
        font-variant-east-asian: full-width;
        letter-spacing: var(--letter-spacing-jamo);
        line-height: var(--line-height-jamo);
      }
    }
  /** END: :lang('*-C', '*-C') **/


  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang('fil-Hang', 'fil-Jamo'))) {
      :where(
        :lang(fil-Hang),
        :lang(fil-Jamo)
      ) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/ /** NOTE: needed because :lang(C) is a wildcard match **/
        font-language-override: 'PIL'; /** NOTE: needed because :lang(C) is a wildcard match **/
        font-size: var(--font-size-jamo);
        font-size-adjust: var(--font-size-adjust-jamo);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
        font-variant-east-asian: full-width;
        letter-spacing: var(--letter-spacing-jamo);
        line-height: var(--line-height-jamo);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang('fil-Hang', 'fil-Jamo')) {
      :where(:lang('fil-Hang', 'fil-Jamo')) {
        direction: ltr; /** NOTE: also set dir=ltr in HTML **/ /** NOTE: needed because :lang(C) is a wildcard match **/
        font-language-override: 'PIL'; /** NOTE: needed because :lang(C) is a wildcard match **/
        font-size: var(--font-size-jamo);
        font-size-adjust: var(--font-size-adjust-jamo);
        font-style: normal; /** NOTE: remove italics **/
        font-synthesis: weight; /** NOTE: only bold **/
        font-variant-east-asian: full-width;
        letter-spacing: var(--letter-spacing-jamo);
        line-height: var(--line-height-jamo);
      }
    }
  /** END: :lang(C, C) **/
/** END: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 01-base.d/04-heading.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   - font-size changes
 *   - fixed: <h1> is 2.00rem & <h6> is 1.00rem
 *     - prevents h5 & h6 smaller than default font-size
 *     - skipping heading ranks is strongly discouraged for a11y
 *       - See: https://www.w3.org/WAI/tutorials/page-structure/headings/
 *       - to use h5 & h6 other than as a proper heading hierarchy is ​against a11y
 *   - optional scaling if inside article, aside, nav, and section
 *     - disabled by default
**/

:where(header, hgroup) {
  display: block flow;
}
:where(
  header, hgroup,
  thead, th
) {
  text-wrap: balance;
}

:where(h1, h2, h3, h4, h5, h6) {
  display: block flow;
  text-wrap: balance;
}

h1 {
  font-size: 2.000rem; /** 2.00em **/
  font-weight: 700;
  letter-spacing: -0.015rem;
  line-height: 1.15;
}

/** NOTE: to make h1 scale if inside these elements, uncomment the following **/
/*
  :where(article, aside, nav, section) h1,
*/
h2 {
  font-size: 1.703rem; /** 1.50em **/
  font-weight: 650;
  letter-spacing: -0.010rem;
  line-height: 1.20;
}

/** NOTE: to make h1 & h2 scale if inside these elements, uncomment the following **/
/*
  :where(article, aside, nav, section) :where(article, aside, nav, section) h1,
  :where(article, aside, nav, section) h2,
*/
h3 {
  font-size: 1.449rem; /** 1.17em **/
  font-weight: 600;
  letter-spacing: -0.005rem;
  line-height: 1.25;
}

/** NOTE: to make h1–h3 scale if inside these elements, uncomment the following **/
/*
  :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h1,
  :where(article, aside, nav, section) :where(article, aside, nav, section) h2,
  :where(article, aside, nav, section) h3,
*/
h4 {
  font-size: 1.233rem; /** 1.00em **/
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.25;
}

/** NOTE: to make h1–h4 scale if inside these elements, uncomment the following **/
/*
  :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h1,
  :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h2,
  :where(article, aside, nav, section) :where(article, aside, nav, section) h3,
  :where(article, aside, nav, section) h4,
*/
h5 {
  font-size: 1.050rem; /** 0.83em **/
  font-weight: 600;
  letter-spacing: 0.010rem;
  line-height: 1.30;
}

/** NOTE: to make h1–h5 scale if inside these elements, uncomment the following **/
/*
  :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h1,
  :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h2,
  :where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h3,
  :where(article, aside, nav, section) :where(article, aside, nav, section) h4,
  :where(article, aside, nav, section) h5,
*/
h6 {
  font-size: 1.000rem; /** 0.67em **/
  font-weight: 500;
  letter-spacing: 0.020rem;
  line-height: 1.30;
}

@supports not (margin-block: 1rem) {
  h1 {
    margin-top: 1.6rem;
    margin-bottom: 0.8rem;
  }
  h2 {
    margin-top: 1.4rem;
    margin-bottom: 0.7rem;
  }
  h3 {
    margin-top: 1.2rem;
    margin-bottom: 0.6rem;
  }
  h4 {
    margin-top: 1.0rem;
    margin-bottom: 0.5rem;
  }
  h5 {
    margin-top: 0.8rem;
    margin-bottom: 0.4rem;
  }
  h6 {
    margin-top: 0.8rem;
    margin-bottom: 0.4rem;
  }
}

@supports (margin-block: 1rem) {
  h1, h2, h3, h4, h5, h6 {
    margin-top: unset;
    margin-bottom: unset;
  }
  h1 { margin-block: 1.6rem 0.8rem; /** 0.67em **/ }
  h2 { margin-block: 1.4rem 0.7rem; /** 0.78em **/ }
  h3 { margin-block: 1.2rem 0.6rem; /** 0.89em **/ }
  h4 { margin-block: 1.0rem 0.5rem; /** 1.01em **/ }
  h5 { margin-block: 0.8rem 0.4rem; /** 1.11em **/ }
  h6 { margin-block: 0.8rem 0.4rem; /** 1.33em **/ }
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 01-base.d/05-list.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   - To ensure lists are announced as lists, include role=list in <ol>
 *     and <ul> elements, especially if the list is not nested in <nav>.
 *   - This restores list semantics without affecting the design.
 *   - See: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#accessibility_concerns
**/

:where(dl) {
  counter-reset: dl-dd;
  display: block flow;
  margin-block: 1rem; /** 1em **/
}
:where(dt) {
  display: run-in flow;
}

/** BGN: styling multiple terms **/
  :where(dt:has(+ dt))::after {
    content: ', ';
  }
  :where(dt:has(+ dd))::after {
    content: ': ';
  }
/** END: styling multiple terms **/

:where(dd) {
  display: block flow;
  margin-inline-start: 2.5rem; /** 40px **/
}

/** BGN: styling multiple definitions **/
  :where(dt + dd)::before {
    counter-set: dl-dd 1;
    counter-increment: dl-dd;
    content: '(' counter(dl-dd) ') ';
  }
  :where(dd + dd)::before {
    counter-increment: dl-dd;
    content: '(' counter(dl-dd) ') ';
  }
/** END: styling multiple definitions **/

:where(dl p:first-child) {
  display: inline flow;
}

:where(menu, ol, ul) {
  display: block flow;
  list-style-position: outside; /** NOTE: is 'inside' better? **/
}

:where(ol) {
  /**
   * NOTE:
   *   - Firefox implements CSS lists using CSS counters as per spec.
   *     - The issue is that other browsers don't implement html lists using CSS.
   *     - Chromium-based browsers are doing it wrong.
   *   - See: https://bugzilla.mozilla.org/show_bug.cgi?id=1881517
  **/
  counter-reset: list-item;
}

/** BGN: ul & menu: Level 0–4 **/
  /** Sequence: disc > circle > square > disc > circle > circle **/
  :is(menu, ul) {
    list-style-type: disc;
  }
  :where(menu, ol, ul) :is(menu, ul) {
    list-style-type: circle;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :is(menu, ul) {
    list-style-type: square;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :is(menu, ul) {
    list-style-type: disc;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :is(menu, ul) {
    list-style-type: circle;
  }
/** END: ul & menu: Level 0–4 **/

/** BGN: ol (decimal): Levels 0–4 **/
  /** Sequence: 1. > a. > i. > 1. > a. > a. **/
  ol {
    list-style-type: decimal;
  }
  :where(menu, ol, ul) ol {
    list-style-type: lower-latin;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) ol {
    list-style-type: lower-roman;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol {
    list-style-type: decimal;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol {
    list-style-type: lower-latin;
  }
/** END: ol (decimal): Levels 0–4 **/

/** BGN: ol (upper-latin): Levels 0–5 **/
  /**
   * Sequence: A. > 1. > a. > i. > 1. > a. > a.
   *   upper-latin is not repeated
  **/
  ol.list--upper-latin {
    list-style-type: upper-latin;
  }
  :where(menu, ol, ul) ol.list--upper-latin {
    list-style-type: decimal;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) ol.list--upper-latin {
    list-style-type: lower-latin;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol.list--upper-latin {
    list-style-type: lower-roman;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol.list--upper-latin {
    list-style-type: decimal;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol.list--upper-latin {
    list-style-type: lower-latin;
  }
/** END: ol (upper-latin): Levels 0–5 **/

/** BGN: ol (roman & latin): Levels 0–5 **/
  /**
   * Sequence: I. > A. > i. > a. > i. > a. > a.
   *   upper-roman and upper-latin are not repeated
  **/
  ol.list--rotin {
    list-style-type: upper-roman;
  }
  :where(menu, ol, ul) ol.list--rotin {
    list-style-type: upper-latin;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) ol.list--rotin {
    list-style-type: lower-roman;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol.list--rotin {
    list-style-type: lower-latin;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol.list--rotin {
    list-style-type: lower-roman;
  }
  :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) :where(menu, ol, ul) ol.list--rotin {
    list-style-type: lower-latin;
  }
/** END: ol (roman & latin): Levels 0–5 **/

/** NOTE: Ensures nested lists have zero top, bottom, block margins **/
:where(dl, menu, ol, ul) :where(dl, menu, ol, ul) {
  margin-top: 0;
  margin-bottom: 0;
  margin-block: 0;
}

/** BGN: Menu styles **/
  :where(nav).menu--flex :where(menu, ol, ul) {
    display: inline flex;
    flex-wrap: wrap;
    column-gap: 0.25rem;
    list-style-type: none;
  }
/** END: Menu styles **/
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 01-base.d/06-quotemark.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   Chromium is still NOT supporting:
 *     1. :lang(C, C) = comma-separated lang codes
 *     2. :lang('*-C') = wildcard matching of lang codes
 *
 * USAGE NOTE:
 *   <span class=ref__name>
 *     - channel name, TV network, brand-as-entity, company name, group name,
 *         team name, author name, band name, singer name
 *
 *   <cite class=ref__title>
 *     - movies, television, radio shows, books, periodicals, databases, websites,
 *         album title, brand-as-product, article title, chapter title, essay title,
 *         poem title
 *     - old print: underline
 *     - digital style: italicized
 *
 *   <q class=ref__content>
 *     - episodes, article content, essay content, chapter content, poem content,
 *         lyrics, speeches, album content, quotations
**/

/** TODO: hbo, grc **/

/** BGN: Regular <q> **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang(ja, ko, fil, en-PH))) {
      :lang(en),
      :lang(he) {
        quotes: '\201C' '\201D' '\2018' '\2019'; /** “ ” ‘ ’ **/
      }
      :lang(el) {
        quotes: '\00AB' '\00BB' '\201C' '\201D'; /** « » “ ” **/
      }
      :lang(yue), :lang(zh),
      :lang(ja) {
        quotes: '\300C' '\300D' '\300E' '\300F'; /** 「 」 『 』 **/
      }
      :lang(ko) {
        quotes: '\300A' '\300B' '\3008' '\3009'; /** 《 》 〈 〉 **/
      }
      :lang(phi), :lang(fil),
      :lang(en-PH) {
        quotes: '\00AB' '\00BB' '\2039' '\203A'; /** « » ‹ › **/
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  @supports selector(:lang(ja, ko, fil, en-PH)) {
    :lang(en, he) {
      quotes: '\201C' '\201D' '\2018' '\2019'; /** “ ” ‘ ’ **/
    }
    :lang(el) {
      quotes: '\00AB' '\00BB' '\201C' '\201D'; /** « » “ ” **/
    }
    :lang(yue, zh, ja) {
      quotes: '\300C' '\300D' '\300E' '\300F'; /** 「 」 『 』 **/
    }
    :lang(ko) {
      quotes: '\300A' '\300B' '\3008' '\3009'; /** 《 》 〈 〉 **/
    }
    :lang(phi, fil, en-PH) {
      quotes: '\00AB' '\00BB' '\2039' '\203A'; /** « » ‹ › **/
    }
  }
/** END: Regular <q> **/

.quote--name, /** NOTE: backwards compatibility **/
.ref__name {
  text-transform: capitalize;
}

/** BGN: Dark Age ('IE6 successor') **/
  @supports not (selector(:lang(ja, ko, fil, en-PH))) {
    :where(:lang(yue)) :is(.quote--title, .ref__title),
    :where(:lang(zh)) :is(.quote--title, .ref__title),
    :where(:lang(ja)) :is(.quote--title, .ref__title),
    :where(:lang(ko)) :is(.quote--title, .ref__title) {
      quotes: '\300A' '\300B' '\3008' '\3009'; /** 《 》 〈 〉 **/
    }
    :where(:lang(phi)) :is(.quote--title, .ref__title),
    :where(:lang(fil)) :is(.quote--title, .ref__title),
    :where(:lang(en-PH)) :is(.quote--title, .ref__title) {
      quotes: '\00AB' '\00BB' '\2039' '\203A'; /** « » ‹ › **/
    }

    :where(:lang(yue)) :is(.quote--work, .ref__content),
    :where(:lang(zh)) :is(.quote--work, .ref__content),
    :where(:lang(ja)) :is(.quote--work, .ref__content),
    :where(:lang(ko)) :is(.quote--work, .ref__content),
    :where(:lang(phi)) :is(.quote--work, .ref__content),
    :where(:lang(fil)) :is(.quote--work, .ref__content),
    :where(:lang(en-PH)) :is(.quote--work, .ref__content) {
      quotes: '\300C' '\300D' '\300E' '\300F'; /** 「 」 『 』 **/
    }

    :where(:lang(yue)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
    :where(:lang(zh)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
    :where(:lang(ja)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
    :where(:lang(ko)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
    :where(:lang(phi)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
    :where(:lang(fil)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
    :where(:lang(en-PH)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before {
      content: open-quote;
    }

    :where(:lang(yue)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
    :where(:lang(zh)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
    :where(:lang(ja)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
    :where(:lang(ko)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
    :where(:lang(phi)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
    :where(:lang(fil)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
    :where(:lang(en-PH)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after {
      content: close-quote;
    }
  }
/** END: Dark Age ('IE6 successor') **/

@supports selector(:lang(ja, ko, fil, en-PH)) {
  :where(:lang(yue, zh, ja, ko)) :is(.quote--title, .ref__title) {
    quotes: '\300A' '\300B' '\3008' '\3009'; /** 《 》 〈 〉 **/
  }
  :where(:lang(phi, fil, en-PH)) :is(.quote--title, .ref__title) {
    quotes: '\00AB' '\00BB' '\2039' '\203A'; /** « » ‹ › **/
  }

  :where(:lang(yue, zh, ja, ko)) :is(.quote--work, .ref__content),
  :where(:lang(phi, fil, en-PH)) :is(.quote--work, .ref__content) {
    quotes: '\300C' '\300D' '\300E' '\300F'; /** 「 」 『 』 **/
  }
}

@supports selector(:lang(ja, ko, fil, en-PH)) and not (selector(&)) {
  :where(:lang(yue, zh, ja, ko)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before,
  :where(:lang(phi, fil, en-PH)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::before {
    content: open-quote;
  }
  :where(:lang(yue, zh, ja, ko)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after,
  :where(:lang(phi, fil, en-PH)) :is(.quote--title, .quote--work, .ref__title, .ref__content)::after {
    content: close-quote;
  }
}

@supports selector(:lang(ja, ko, fil, en-PH)) and selector(&) {
  :where(:lang(yue, zh, ja, ko)),
  :where(:lang(phi, fil, en-PH)) {
    & :is(
      .quote--title, .quote--work,
      .ref__title, .ref__content
    ) {
      &::before {
        content: open-quote;
      }
      &::after {
        content: close-quote;
      }
    }
  }
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 01-base.d/07-ruby.css
 * Target: TiddlyWiki
**/

/** TODO: update and clean-up **/

/**
 * As of 2024-02-07.
 *
 * We are declaring most of these due to lack of support in browsers.
 * Once CSS Ruby is fully supported, we can remove these base declarations.
 *
 * See:
 *   1. https://www.w3.org/TR/css-ruby-1/ || https://drafts.csswg.org/css-ruby-1/
 *   2. https://www.w3.org/TR/html-ruby-extensions/ || https://w3c.github.io/html-ruby/
 *   3. https://www.w3.org/International/articles/ruby/markup.en
 *   4. https://w3c.github.io/i18n-tests/results/css-ruby
 *
 * display: ruby-*
 *   - see:
 *       1. https://caniuse.com/?search=display%3A+ruby
 *       2. https://www.w3.org/TR/css-display-3/#propdef-display
**/

/** BGN: <ruby> shim **/
  ruby {
    display: ruby; /** NOTE: backwards compatibility **/
    display: inline ruby;
  }

  /**
   * NOTES:
   *   - <rbc> is in W3C Working Draft.
   *     - see: https://www.w3.org/TR/css-ruby-1/
   *   - NOT IMPLEMENTED in Chromium; but works in Firefox.
   *     - see: https://caniuse.com/?search=rbc
   *   - temporary workaround: .ruby-base-container
  **/
  .ruby-base-container,
  rbc {
    display: ruby-base-container;
  }

  /**
   * NOTES:
   *   - <rb> is highly recommended by the W3C.
   *     - But the HTML5 WG marked this as deprecated which MUST be
   *         corrected!
   *     - see: https://www.w3.org/TR/css-ruby-1/
   *   - PROBLEMATIC in Chromium-based browsers.
   *     - see: https://caniuse.com/?search=rb
   *   - temporary workaround: .ruby-base
  **/
  .ruby-base,
  rb {
    display: ruby-base;
    white-space: nowrap;
  }

  /**
   * NOTES:
   *   - <rtc> is very useful for multilingual Asian websites.
   *     - But the HTML5 WG marked this as deprecated which MUST be
   *         corrected!
   *     - see: https://www.w3.org/TR/css-ruby-1/
   *   - IMPLEMENTED in all browsers.
   *     - but USELESS in Chromium-based browsers
   *       - when <rt> is a child of any element, it stops working correctly!
   *     - see: https://caniuse.com/?search=rtc
  **/
  .ruby-text-container,
  rtc {
    display: ruby-text-container;
    ruby-merge: auto;
    ruby-overhang: auto;
    ruby-position: over; /** NOTE: backwards compatibility **/
    ruby-position: alternate;
  }

  .ruby-text,
  rt {
    display: ruby-text;
    font-size: 0.7rem;
  }

  rp {
    display: none;
  }

  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (ruby-align: center) {
      .ruby-base-container, .ruby-base, .ruby-text-container, .ruby-text,
      rbc, rb, rtc, rt {
        text-align: center;
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  @supports (ruby-align: center) {
    .ruby-base-container, .ruby-base, .ruby-text-container, .ruby-text,
    rbc, rb, rtc, rt {
      ruby-align: center;
      /* text-transform: full-size-kana; */ /** NOTE: needed? **/
    }
   }

  /** BGN: font-variant-east-asian **/
    ruby,
    .ruby-base-container, .ruby-base, .ruby-text-container, .ruby-text,
    rbc, rb, rtc, rt {
      font-variant-east-asian: full-width ruby;
      /* line-height: 1; */
      text-emphasis: none;
      text-justify: ruby;
      unicode-bidi: isolate;
      white-space: nowrap;
    }
    ruby:lang(zh-Hans),
    :where(.ruby-base-container, .ruby-base, .ruby-text-container, .ruby-text):lang(zh-Hans),
    :where(rbc, rb, rtc, rt):lang(zh-Hans) {
      font-variant-east-asian: simplified full-width ruby;
    }
    ruby:lang(zh-Hant),
    :where(.ruby-base-container, .ruby-base, .ruby-text-container, .ruby-text):lang(zh-Hant),
    :where(rbc, rb, rtc, rt):lang(zh-Hant) {
      font-variant-east-asian: traditional full-width ruby;
    }
    ruby:lang(ja),
    :where(.ruby-base-container, .ruby-base, .ruby-text-container, .ruby-text):lang(ja),
    :where(rbc, rb, rtc, rt):lang(ja) {
      font-variant-east-asian: jis04 full-width ruby;
    }
  /** END: font-variant-east-asian **/
/** END: <ruby> shim **/

/** BGN: Ruby Classes **/
  /** BGN: ruby-align classes (<rtb>, <rb>, <rtc>, <rt>) **/
    .ruby-align--center {
      ruby-align: center;
    }
    .ruby-align--space-around { /** initial **/
      ruby-align: space-around;
    }
    .ruby-align--space-between {
      ruby-align: space-between;
    }
    .ruby-align--start {
      ruby-align: start;
    }
  /** END: ruby-align classes (<rtb>, <rb>, <rtc>, <rt>) **/

  /** BGN: ruby-merge (<rtc>) **/
    .ruby-merge--auto {
      ruby-merge: auto;
    }
    .ruby-merge--merge {
      ruby-merge: merge;
    }
    .ruby-merge--separate { /** initial **/
      ruby-merge: separate;
    }
   /** END: ruby-merge (<rtc>) **/

  /** BGN: ruby-overhang (<rtc>) **/
    .ruby-overhang--auto { /** initial **/
      ruby-overhang: auto;
    }
    .ruby-overhang--none {
      ruby-overhang: none;
    }
  /** END: ruby-overhang (<rtc>) **/

  /** BGN: ruby-position classes (<rtc>) **/
    .ruby-position--alternate { /** initial; best **/
      ruby-position: alternate;
    }
    .ruby-position--inter-character {
      ruby-position: inter-character;
    }
    .ruby-position--over { /** 2020 initial **/
      ruby-position: over;
    }
    .ruby-position--under {
      ruby-position: under;
    }
  /** END: ruby-position classes (<rtc>) **/
/** END: Ruby Classes **/

/** BGN: Colours **/
  /**
   * NOTES:
   *   - Works for Tabular and Interleaved models.
   *
  **/
  /** RUBY BASE **/
    /*
    .ruby-base,
    rb {
      color: purple;
    }
    */

  /** RUBY OVER **/
    ruby > rb > ruby > rt,
    ruby > rb > ruby > rt > ruby > .ruby-base,
    ruby > rb > ruby > rt > ruby > rb,
    ruby > .ruby-text-container:nth-of-type(odd) > rt,
    ruby > .ruby-text-container:nth-of-type(odd) > rt > ruby > rb,
    ruby > rtc:nth-of-type(odd) > rt,
    ruby > rtc:nth-of-type(odd) > rt > ruby > rb
    {
      color: var(--color-green);
    }

  /** RUBY BELOW **/
    ruby > rt,
    ruby > rt > ruby > .ruby-base,
    ruby > rt > ruby > rb,
    ruby > .ruby-text-container:nth-of-type(even) > rt,
    ruby > .ruby-text-container:nth-of-type(even) > rt > ruby > rb,
    ruby > rtc:nth-of-type(even) > rt,
    ruby > rtc:nth-of-type(even) > rt > ruby > rb
    {
      color: var(--color-magenta);
    }

  /** RUBY OVER OVER and RUBY BELOW BELOW **/
    ruby > rt > ruby > rt,
    ruby > .ruby-text-container:nth-of-type(odd) > rt > ruby > rt,
    ruby > .ruby-text-container:nth-of-type(even) > rt > ruby > rt,
    ruby > rtc:nth-of-type(odd) > rt > ruby > rt,
    ruby > rtc:nth-of-type(even) > rt > ruby > rt
    {
      color: var(--color-red);
    }
/** END: Colours **/

.ruby-guide {
  outline: 1px dotted;
}
.ruby-block {
  height: fit-content;
  outline: 1px solid var(--color-orange);
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: BSD-3-Clause
 *
 * Module: 01-base.d/08-misc.css
 * Target: TiddlyWiki
**/

/**********************
** BGN: Interactives **
**********************/
  :where(button) {
    display: inline flow-root;
    font: inherit; /** NOTE: force to inherit **/
    line-height: 1.2;
    text-transform: none;
  }

  :where(label) {
    line-height: 1.2;
  }

  :where(progress) {
    vertical-align: baseline;
  }

  :where(search) {
    display: block flow;
  }

  /** BGN: Form family **/
    :where(
      form,
      legend
    ) {
      display: block flow;
    }

    :where(fieldset) {
      display: block flow;
      margin-inline: 2px;
    }

    :where(textarea) {
      display: inline flow-root;
      font: inherit;
      line-height: 1.2;
      margin-block: 1rem; /* 1px */
    }

    :where(input) {
      display: inline flow-root;
      font: inherit; /** NOTE: force to inherit **/
      line-height: 1.2;
    }
    :where(input[type='checkbox']) {
      margin-inline: 4px 3px;
      margin-block: 3px;
    }
    :where(input[type='radio']) {
      margin-inline: 5px 3px;
      margin-block: 3px 0;
    }
    :where(input[type='range']) {
      margin-inline: 2px;
      margin-block: 2px;
    }
    :where(input[type='file'] > label) {
      display: inline flow-root;
    }
  /** END: Form family **/

  /** BGN: Select family **/
    :where(optgroup) {
      font: inherit;
      line-height: 1.2;
    }
    :where(optgroup),
    :where(optgroup)::before,
    :where(option) {
      display: block flow;
    }
    :where(select) {
      display: inline flow-root;
      font: inherit;
      line-height: 1.2;
      text-transform: none;
    }
  /** END: Select family **/
/**********************
** END: Interactives **
**********************/

/*********************************
** BGN: Pop-up dialogs / modals **
*********************************/
  :where(dialog) {
    display: block flow;
    margin-inline: auto;
    margin-block: auto;
  }
  ::backdrop {
    display: block flow;
  }
/*********************************
** END: Pop-up dialogs / modals **
*********************************/

/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: BSD-3-Clause
 *
 * Module: 01-base.d/09-text.css
 * Target: TiddlyWiki
**/

/** BGN: Blocks **/
  /* div, */ /** NOTE: don't add in TiddlyWiki **/
  :where(
    aside, section,
    nav, main, article,
    footer
  ) {
    display: block flow;
  }

  :where(blockquote) {
    display: block flow;
    text-wrap: balance;
  }

  :where(caption) {
    text-wrap: balance;
  }

  :where(p) {
    display: block flow;
    margin-block-end: 1rem; /** 1em **/
    text-wrap: pretty;
  }

  /** BGN: Images and videos **/
    :where(figure, figcaption) {
      display: block flow;
      text-wrap: balance;
    }

    /* img, */ /** NOTE: don't add in TiddlyWiki **/
    /* svg, */ /** NOTE: don't add in TiddlyWiki **/
    :where(
      canvas, picture,
      video
    ) {
      display: block flow;
      max-block-size: 100%;
      max-inline-size: 100%;
    }
  /** END: Images and videos **/

  /** BGN: Details family **/
    :where(details) {
      display: block flow;
    }
    :where(summary) {
      display: list-item; /** NOTE: some UAs set this to 'block flow' **/
    }
  /** END: Details family **/

  :where(address) {
    display: inline flow-root; /** block flow **/ /** NOTE: our cultural style for addresses **/
    font-style: normal;
  }
/** END: Blocks **/

/** BGN: Inline **/
  /** NOTE: prevent hyphenation **/
  header, hgroup,
  thead, th,
  h1, h2, h3, h4, h5, h6,
  a {
    hyphens: none;
  }

  :where(
    b, strong,
    i, em,
    ins, del, s,
    small, sup, sub,
    mark
  ) {
    display: inline flow;
  }

  :where(b, strong) {
    font-weight: bolder;
  }

  :where(small) {
    font-size: clamp(0.7rem, 0.8rem + 0.2vw, 1rem); /** 0.8rem **/
  }

  :where(abbr) {
    display: inline flow;
    cursor: help;
    text-decoration: underline dotted;
  }

  /* span, */ /** NOTE: don't add in TiddlyWiki **/
  :where(
    dfn,
    cite, q
  ) {
    display: inline flow;
  }

  /** BGN: Su* family **/
    :where(sup, sub) {
      font-size: 0.75rem;
      line-height: 0;
      position: relative;
      vertical-align: baseline;
    }
    :where(sup),  {
      font-variant-position: super;
      inset-block-start: -0.5rem;
    }
    :where(sub) {
      font-variant-position: sub;
      inset-block-end: -0.25rem;
    }
  /** END: Su* family **/
/** END: Inline **/

/** BGN: Monospace family **/
  :where(pre) {
    display: block flow;
    font-size: 1rem; /** 1em **/
    margin-block: 1rem; /** 1em **/
  }
  :where(code, kbd, samp, var) {
    display: inline flow;
    font-size: 1rem; /** 1em **/
  }
/** END: Monospace family **/

/** BGN: Class **/
  .center-child-grid {
    display: grid;
    display: block grid;
    place-items: center;
  }
  .center-child-flex {
    display: flex;
    display: block flex;
    align-items: center;
    justify-content: center;
  }
  .center-self-item {
    display: block; /** NOTE: for images **/
    display: block flow; /** NOTE: for images **/
    margin-inline: auto;
  }
  .center-self-text {
    text-align: center;
  }

  .fractions {
    font-variant-numeric: oldstyle-nums diagonal-fractions slashed-zero;
  }

  body :is(.smiley, .emoticon, .emoji, .kaomoji) {
    display: inline flow;
    font-style: normal; /** NOTE: remove italics **/
    font-synthesis: none; /** NOTE: disable synthesis **/
    font-weight: normal;  /** NOTE: remove bold **/
    text-decoration: none; /** NOTE: remove decoration **/
    text-shadow: none; /** NOTE: remove shadow effects **/
    block-size: 1rem;
    inline-size: 1rem;
    margin-block: 0;
    margin-inline: .1rem .05rem;
    vertical-align: initial;
  }
  @supports (font-variant-emoji: unicode) {
    body :is(.smiley, .emoticon, .emoji, .kaomoji) {
      font-variant-emoji: unicode;
    }
  }
/** END: Class **/

:where(hr) {
  block-size: 0;
  border-block-start-width: 0.063rem; /** 1px **/
  box-sizing: content-box;
  clear: both;
  color: currentColor;
  margin-inline: auto;
  margin-block: 0.5rem;
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: BSD-3-Clause
 *
 * Module: 02-font.d/01-fontface.css
 * Target: TiddlyWiki
**/

/** BGN: Hebrew **/
  @font-face {
    font-family: 'hebrew-sans-paleo-gezer';
    src:  url('https://im.youronly.one/fonts/hebrew-paleo-gezer-pure-unicode-webfont.woff2') format('woff2'),
          url('https://im.youronly.one/fonts/hebrew-paleo-gezer-pure-unicode-webfont.woff') format('woff'),
          url('https://im.youronly.one/fonts/hebrew-paleo-gezer-pure-unicode-webfont.ttf') format('opentype'),
          local('Hebrew Paleo Gezer'), /** NOTE: full font name **/
          local('Hebrew-Paleo-Gezer'); /** NOTE: postscript name **/
    font-display: swap;
    size-adjust: 100%;
    unicode-range: U+10900-1091F;
  }
  @font-face {
    font-family: 'hebrew-sans-proto-canaanite';
    src:  url('https://im.youronly.one/fonts/proto-canaanite-pure-unicode-webfont.woff2') format('woff2'),
          url('https://im.youronly.one/fonts/proto-canaanite-pure-unicode-webfont.woff') format('woff'),
          url('https://im.youronly.one/fonts/proto-canaanite-pure-unicode-webfont.ttf') format('opentype'),
          local('Proto Canaanite'), /** NOTE: full font name **/
          local('Proto-Canaanite'); /** NOTE: postscript name **/
    font-display: swap;
    size-adjust: 100%;
    unicode-range: U+10900-1091F;
  }
/** END: Hebrew **/

/** BGN: Pilipino **/
  /** BGN: Nordenx Baybayin **/
    @font-face {
      font-family: 'baybayin-nordenx';
      src:  url('https://im.youronly.one/fonts/baybayinmangyanbuhid-webfont.woff2') format('woff2'),
            url('https://im.youronly.one/fonts/baybayinmangyanbuhid-webfont.woff') format('woff'),
            url('https://im.youronly.one/fonts/baybayinmangyanbuhid-webfont.ttf') format('opentype'),
            local('Baybayin Mangyan Buhid'), /** NOTE: full font name **/
            local('BaybayinMangyanBuhid'); /** NOTE: postscript name **/
      font-display: swap;
      unicode-range: U+1740-175F, U+1714, U+1734-1736, U+20B1;
    }
    @font-face {
      font-family: 'baybayin-nordenx';
      src:  url('https://im.youronly.one/fonts/baybayinmangyanhanubrush-webfont.woff2') format('woff2'),
            url('https://im.youronly.one/fonts/baybayinmangyanhanubrush-webfont.woff') format('woff'),
            url('https://im.youronly.one/fonts/baybayinmangyanhanubrush-webfont.ttf') format('opentype'),
            local('Baybayin Mangyan Hanubrush'), /** NOTE: full font name **/
            local('BaybayinMangyanHanubrush'); /** NOTE: postscript name **/
      font-display: swap;
      unicode-range: U+1720-173F, U+1714, U+20B1;
    }
    @font-face {
      font-family: 'baybayin-nordenx';
      src:  url('https://im.youronly.one/fonts/baybayintagalogmodernclub-webfont.woff2') format('woff2'),
            url('https://im.youronly.one/fonts/baybayintagalogmodernclub-webfont.woff') format('woff'),
            url('https://im.youronly.one/fonts/baybayintagalogmodernclub-webfont.ttf') format('opentype'),
            local('Baybayin Modern Club'), /** NOTE: full font name **/
            local('BaybayinModernClub'); /** NOTE: postscript name **/
      font-display: swap;
      unicode-range: U+1700-171F, U+1734-1736, U+20B1;
    }
  /** END: Nordenx Baybayin **/

  /** BGN: Barabara **/
    @font-face {
      font-family: 'barabara';
      src:  url('https://im.youronly.one/fonts/barabara-unicode-webfont.woff2') format('woff2'),
            url('https://im.youronly.one/fonts/barabara-unicode-webfont.woff') format('woff'),
            url('https://im.youronly.one/fonts/barabara-unicode-webfont.ttf') format('opentype'),
            local('BARABARA'); /** NOTE: full font name **/
      font-display: swap;
      size-adjust: 100%;
    }
   /** END: Barabara **/
/** END: Pilipino **/

/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 02-font.d/02-fontfamily.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   - load last for easy specificity increase
**/

/** BGN: defaults **/
  html {
    /**
     * NOTE:
     *   - lower than :root and <body>
     *   - for styles with a root size option (usually font-size)
     *   - affects pseudo-classes (as compared to :root)
     *   - for default font styles
    **/
    font-family: var(--font-sans-default);
  }
/** END: defaults **/

/**
 * REF NOTE:
 *   - https://localizely.com/iso-15924-list/
 *   - https://www.w3.org/TR/selectors-4/#the-lang-pseudo
 *     - https://caniuse.com/?search=%3Alang()
 *
 * NOTE:
 *   @supports selector()
 *     - :lang(\*-Latn) = Firefox:yes (insensitive) || Chromium:yes (i)
 *         - do not use, Chromium half-assed implemented :lang(\*-Latn), see below
 *         - Chromium = new IE6
 *     - :lang('*-Latn') = Firefox:yes (i) || Chromium:no
 *     - :lang(fil-Hang, '*-Latn') = Firefox:yes (i) || Chromium:no
 *
 *   :lang(C)
 *     - :lang(\*-Latn) = Firefox:yes (insensitive) || Chromium:no
 *         - half-assed implementation, it works inside @supports, see above
 *         - Chromium = new IE6
 *     - :lang('*-Latn') = Firefox:yes (i) || Chromium:no
 *     - :lang(fil-Hang, '*-Latn') = Firefox:yes (i) || Chromium:no
**/

/**
 * CRITICAL NOTE:
 *   1. Do not combine common properties of different languages.
 *       Chaotic for multilingual pages.
 *   2. Do not add `:lang(C) :is(E, E) {}`
 *       Same as above.
 *       Instead, add `lang=''` in HTML when needed.
 *
 * This sets base properties for various languages and scripts.
 *   It was arranged to ensure proper cascade works correctly
 *     if there are multilanguage nesting. Admittedly, based on
 *     what I need and how I mix languages.
 *   Regardless, I made sure it is as universal as possible.
**/

/**
 * TODO OPTIMIZE:
 *   - Use native CSS nesting with :lang()
 *     - Currently not advisable due to complexity in supporting IE6-like browsers
**/

:lang(en) {
  font-family: var(--font-latn-sans-default);
}

/** BGN: Hanzi (Traditional, Simple, Hanja, Kanji) **/
  :lang(zh-Hans) {
    font-family: var(--font-hans-sans-default);
  }
  :lang(zh-Hant) {
    font-family: var(--font-hant-sans-default);
  }
  :lang(zh-Hant-HK) {
    font-family: var(--font-hk-sans-default);
  }
  :lang(zh-Bopo) {
    font-family: var(--font-bopo-sans-default);
  }
/** END: Hanzi (Traditional, Simple, Hanja, Kanji) **/

/** BGN: Kana (Katakana, Hiragana) **/
  :lang(ja) {
    font-family: var(--font-kana-sans-default);
  }
/** END: Kana (Katakana, Hiragana) **/

/** BGN: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/
  :lang(ko) {
    font-family: var(--font-jamo-sans-default);
  }
/** END: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/

/** BGN: Hebrew & Paleo-Hebrew **/
  /**
   * NOTE:
   *   - `he-` or `heb- `- modern Hebrew
   *   - `hbo-` - ancient Hebrew
   *   - `-Hebr` - modern Hebrew script
   *   - `-Phnx` - Paleo-Hebrew script
   *
   * REF NOTE:
   *   - https://en.wikipedia.org/wiki/ISO_15924
   *   - https://en.wikipedia.org/wiki/ISO_639-3
  **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not selector(:lang(he, hbo)) {
      :lang(he),
      :lang(hbo) {
        font-family: var(--font-hebr-sans-default); /** NOTE: combined; different Unicode points **/
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang(he, hbo)) {
      :lang(he, hbo) {
        font-family: var(--font-hebr-sans-default); /** NOTE: combined; different Unicode points **/
      }
    }
  /** END: :lang(C, C) **/
/** END: Hebrew & Paleo-Hebrew **/

/** BGN: Greek & Ancient Greek (Koine) **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not selector(:lang(el, grc)) {
      :lang(el),
      :lang(grc) {
        font-family: var(--font-hebr-sans-default); /** NOTE: combined; different Unicode points **/
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang(el, grc)) {
      :lang(el, grc) {
        font-family: var(--font-hebr-sans-default); /** NOTE: combined; different Unicode points **/
      }
    }
  /** END: :lang(C, C) **/
/** END: Greek & Ancient Greek (Koine) **/

/** BGN: Filipino **/
  /** BGN: Filipino in Latin script **/
    /** BGN: Dark Age ('IE6 successor') **/
      @supports not selector(:lang(fil, en-PH)) {
        :lang(fil),
        :lang(en-PH) {
          font-family: var(--font-filipino-sans-default); /** NOTE: combined; different Unicode points **/
        }
      }
    /** END: Dark Age ('IE6 successor') **/

    /** BGN: :lang(C, C) **/
      @supports selector(:lang(fil, en-PH)) {
        :lang(fil, en-PH) {
          font-family: var(--font-filipino-sans-default); /** NOTE: combined; different Unicode points **/
        }
      }
    /** END: :lang(C, C) **/
  /** END: Filipino in Latin script **/

  /** BGN: Filipino in Baybayin script **/
    /** BGN: Dark Age ('IE6 successor') **/
      @supports not selector(:lang('*-Tglg', '*-Hano', '*-Buhd')) {
        :lang(fil-Tglg),
        :lang(fil-Hano),
        :lang(fil-Buhd) {
          font-family: var(--font-filipino-sans-default); /** NOTE: combined; different Unicode points **/
        }
    /** END: Dark Age ('IE6 successor') **/

    /** BGN: :lang('*-C', '*-C') **/
      @supports selector(:lang('*-Tglg', '*-Hano', '*-Buhd')) {
        :lang('*-Tglg', '*-Hano', '*-Buhd') {
          font-family: var(--font-filipino-sans-default); /** NOTE: combined; different Unicode points **/
        }
      }
    /** END: :lang('*-C', '*-C') **/
  /** END: Filipino in Baybayin script **/
/** END: Filipino **/

/** BGN: Latin script **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang('*-jyutping', '*-Latn'))) {
      :lang(yue-jyutping), :lang(zh-yue-jyutping),
      :lang(zh-Latn),
      :lang(ja-Latn),
      :lang(ko-Latn),
      :lang(he-Latn), :lang(hbo-Latn),
      :lang(grc-Latn) {
        font-family: var(--font-latn-sans-default);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang('*-C', '*-C') **/
    @supports selector(:lang('*-jyutping', '*-Latn')) {
      :lang('*-jyutping', '*-Latn') {
        font-family: var(--font-latn-sans-default);
      }
    }
  /** END: :lang('*-C', '*-C') **/
/** END: Latin script **/

/** BGN: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/
  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang('*-Hang', '*-Jamo'))) {
      :lang('*-Hang'),
      :lang('*-Jamo') {
        font-family: var(--font-jamo-sans-default);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang('*-C', '*-C') **/
    /** NOTE: base for all declared -Hang and -Jamo **/
    @supports selector(:lang('*-Hang', '*-Jamo')) {
      :lang('*-Hang', '*-Jamo') {
        font-family: var(--font-jamo-sans-default);
      }
    }
  /** END: :lang('*-C', '*-C') **/


  /** BGN: Dark Age ('IE6 successor') **/
    @supports not (selector(:lang(fil-Hang, fil-Jamo))) {
      :lang(fil-Hang),
      :lang(fil-Jamo) {
        font-family: var(--font-jamo-sans-default);
      }
    }
  /** END: Dark Age ('IE6 successor') **/

  /** BGN: :lang(C, C) **/
    @supports selector(:lang(fil-Hang, fil-Jamo)) {
      :lang(fil-Hang, fil-Jamo) {
        font-family: var(--font-jamo-sans-default);
      }
    }
  /** END: :lang(C, C) **/
/** END: Sejonggeul (Hangeul, Surat Inawa, Cia-cia) **/

/** BGN: lang class overrides **/
  .font-kana-serif-default {
    font-family: var(--font-kana-serif-default);
  }
  .font-hang-serif-default,
  .font-jamo-serif-default {
    font-family: var(--font-jamo-serif-default);
  }
  .font-latn-fantasy-barabara {
    font-family: var(--font-latn-fantasy-barabara);
  }
/** END: lang class overrides **/

math {
  font-family: var(--font-math-sans-default); /** NOTE: combined; different Unicode points **/
}
music {
  font-family: var(--font-music-default); /** NOTE: combined; different Unicode points **/
}

/** BGN: Headings **/
  /**
   * NOTE:
   *   - this is where serif is useful
  **/
  header, hgroup,
  thead, th {
    font-family: var(--font-serif-default);
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif-default);
  }
/** END: Headings **/

/** BGN: Monospace family **/
  /**
   * HACK:
   *   - `:not(#\9)`: highest specificity
   *
   * TiddlyWiki NOTE:
   *   - some themes/plugins are not using TW's setting option
   *   - this ensures our chosen monospace font is applied
  **/
  :is(pre, code, kbd, samp, var):not(#\9)::before,
  :is(pre, code, kbd, samp, var):not(#\9) span,
  :is(pre, code, kbd, samp, var):not(#\9) {
    font-family: var(--font-mono-default);
  }
/** END: Monospace family **/
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 99-config.d/01-vars.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   - Make changes here
 *   - Do not add generic fallback
 *     - Already added in the font-family property
 *     - Also opens up a slot for your custom fallback
**/

:root {
  /** BGN: FONT VARS **/
    --font-sans-default: var(--font-latn-sans-roboto), var(--font-jamo-sans-gothic-a1), var(--font-kana-sans-mplus), var(--font-baybayin-noto), sans-serif;
    --font-serif-default: var(--font-latn-serif-roboto), var(--font-jamo-serif-nanum), var(--font-kana-serif-zen), var(--font-baybayin-nordenx), serif;
    --font-mono-default: var(--font-latn-mono-roboto), var(--font-jamo-mono-nanum), var(--font-kana-mono-mplus), var(--font-baybayin-noto), monospace;

    --font-latn-sans-default: var(--font-latn-sans-roboto), sans-serif;
    --font-latn-fantasy-default: var(--font-latn-fantasy-barabara), fantasy;

    --font-hans-sans-default: var(--font-hans-sans), sans-serif;
    --font-hant-sans-default: var(--font-hant-sans), sans-serif;
    --font-hk-sans-default: var(--font-hk-sans), sans-serif;
    --font-bopo-sans-default: var(--font-bopo-sans), sans-serif;
    --font-hans-sans-default-fangsong-rotated: var(--font-hans-sans-noto-fangsong-rotated);
    --font-hans-sans-default-fangsong-vertical: var(--font-hans-sans-noto-fangsong-vertical);

    --font-kana-sans-default: var(--font-kana-sans), sans-serif;
    --font-kana-serif-default: var(--font-kana-serif), serif;

    --font-jamo-sans-default: var(--font-jamo-sans), sans-serif;
    --font-jamo-serif-default: var(--font-jamo-serif), serif;

    --font-hebr-sans-default: var(--font-hebr-sans), sans-serif;
    --font-hebr-serif-default: var(--font-hebr-serif), serif;

    --font-grek-sans-default: var(--font-grek-sans), sans-serif;
    --font-grek-serif-default: var(--font-grek-serif), serif;

    --font-filipino-sans-default: var(--font-filipino-sans), sans-serif;
    --font-baybayin-sans-default: var(--font-filipino-sans), sans-serif;

    --font-math-sans-default: var(--font-math-sans), math;
    --font-music-default: var(--font-music);

    --font-emoji-default: var(--font-emoji-combined), emoji;
  /** END: FONT VARS **/

  /** BGN: COLOUR VARS **/
    --theme-dark-bg: var(--color-black);
    --theme-dark-txt: var(--color-green);
    /*
    --theme-dark-bg: var(--color-white);
    --theme-dark-txt: var(--color-black);
    */

    --theme-light-bg: var(--color-white);
    --theme-light-txt: var(--color-black);

    --headings-text-color: #723d29;
    --headings-text-shadow-color: var(--color-black);

    --body-text-color: var(--color-black);
    --body-text-shadow-color: var(--color-grey-light);

    --p-first-letter-text-color: var(--color-lime);
    --p-first-letter-text-fill-color: var(--color-black);
    --p-first-letter-text-shadow-color: var(--color-lime);
    --p-first-letter-text-stroke-color: var(--color-green);

    --skipnav-background-color: var(--color-indigo-dye);
    --mainmenu-background-color: var(--color-black);
    --mainmenu-box-shadow-color: var(--color-white);
  /** END: COLOUR VARS **/

  /** BGN: OTHER SETTINGS **/
    --emphasis-style-generic: filled;
    --emphasis-style-cjk: filled;
    --emphasis-style-ph: filled double-circle;

    /* --link-color: #446625; */ /** NOTE: don't add in TiddlyWiki **/
    --link-cursor: crosshair;
    --link-decoration-color: var(--color-blue);
    --link-decoration-line: none;
    --link-decoration-style: dashed;

    /* --link-color-hover: var(--color-blue); */ /** NOTE: don't add in TiddlyWiki **/
    --link-decoration-color-hover: var(--color-red);
    --link-decoration-line-hover: overline underline;
    --link-decoration-style-hover: solid;
  /** END: OTHER SETTINGS **/
}

:root {
    --line-height-chosen: 1.7;
}
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 99-config.d/10-grid-surat-inawa-sidebyside.css
 * Target: TiddlyWiki
**/

/** BGN: Grid table wrapper **/
  /**
   * Mobile-first: vertically stacked
   *
   * Col 1: inawa (C1R1 + C1R2)
   * Col 2: latin (C2R1 + C2R2)
  **/
  div.compgrid-table {
    border-block: 1px solid var(--tpc-table-border);
    border-inline: 1px solid var(--tpc-table-border);
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    margin: 0;
    overflow: hidden;
    width: 100%;
  }
/** END: Grid table wrapper **/

/** BGN: a11y wrapper transparency **/
  /**
   * `display: contents` removes the box of these elements from the layout.
   * The role, aria, and lang attributes are preserved.
  **/
  div.compgrid-table div[role="rowgroup"],
  div.compgrid-table div[role="row"] {
    display: contents;
  }
/** END: a11y wrapper transparency **/

/** BGN: Grid table cells **/
  div.compgrid-cell {
    padding-block: 0.25rem;   /** NOTE: 4px in TiddlyWiki **/
    padding-inline: 0.375rem; /** NOTE: 6px in TiddlyWiki **/
  }

  /** <th>-like Header **/
  div.compgrid-cell-header {
    background: var(--tpc-table-header-background);
    font-weight: bold;
    text-align: center; /** NOTE: TiddlyWiki <<th-align>> is left aligned **/
  }

  /** <td>-like Body **/
  div.compgrid-cell-body {
    background: transparent;
    border-block-start: 1px solid var(--tpc-table-border);
  }

  /**
   * Vertical stacking
   *
   * Inawa group: rows 1–2
   * Latin group: rows 3–4
  **/
  div.compgrid-inawa-header {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }
  div.compgrid-inawa-body {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }
  div.compgrid-latin-header {
    border-block-start: 1px solid var(--tpc-table-border);
    grid-column: 1 / -1;
    grid-row: 3 / 4;
  }
  div.compgrid-latin-body {
    grid-column: 1 / -1;
    grid-row: 4 / 5;
  }
/** END: Grid table cells **/

/** BGN: Side-by-side **/
  /**
   * Applies to:
   *   - Desktops and laptops (pointer: fine)
   *   - Tablets landscape: coarse pointer, viewport (height >= 500px)
  **/
  @media (pointer: fine), (orientation: landscape) and (pointer: coarse) and (height >= 500px) {
    div.compgrid-table {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
    }

    div.compgrid-inawa-header {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
    }
    div.compgrid-inawa-body {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
    }

    div.compgrid-latin-header {
      border-block-start: unset;
      border-inline-start: 1px solid var(--tpc-table-border);
      grid-column: 2 / 3;
      grid-row: 1 / 2;
    }
    div.compgrid-latin-body {
      border-inline-start: 1px solid var(--tpc-table-border);
      grid-column: 2 / 3;
      grid-row: 2 / 3;
    }
  }
/** END: Side-by-side upgrade **/
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 99-config.d/10-table-surat-inawa-jamo.css
 * Target: TiddlyWiki
**/
/** BGN: 3-col Table **/
  .table-inawa-3col abbr {
    cursor: help;
  }
  .markdown .table-inawa-3col > table {
    border-collapse: collapse;
    table-layout: auto;
    width: fit-content;
      max-width: 100%;
      min-width: 50%;
  }
  .markdown .table-inawa-3col > table > thead th:nth-child(n+1):nth-child(-n+2) {
    width: 25%;
      max-width: calc(100% / 3);
      min-width: 25%;
  }
  .markdown .table-inawa-3col > table > thead th:last-child {
    width: auto;
      /* max-width: 50%;
      min-width: 33%; */
  }
  .markdown .table-inawa-3col > table {
    text-align: center;
  }
  .markdown .table-inawa-3col > table td {
    text-align: left;
  }
  .markdown .table-inawa-3col > table > thead {
    font-weight: bold;
  }
  .markdown .table-inawa-3col > table ul {
    margin-block: 0;
    padding-inline-start: 0.88rem;
  }
/** END: 3-col Table **/


/** BGN: Comparison 3-col Table **/
  .table-inawa-comparison-3col abbr {
    cursor: help;
  }
  .markdown .table-inawa-comparison-3col > table {
    border-collapse: collapse;
    table-layout: auto;
    width: fit-content;
      max-width: 100%;
      min-width: 50%;
  }
  .markdown .table-inawa-comparison-3col > table > thead th {
    width: calc(100% / 3);
  }
  .markdown .table-inawa-comparison-3col > table {
    text-align: center;
  }
  .markdown .table-inawa-comparison-3col > table td {
    text-align: left;
  }
  .markdown .table-inawa-comparison-3col > table > thead {
    font-weight: bold;
  }
  .markdown .table-inawa-comparison-3col > table ul {
    margin-block: 0;
    padding-inline-start: 0.88rem;
  }
/** END: Comparison 3-col Table **/


/** BGN: Surat Inawa Jamo Table **/
  .table-inawa-jamo abbr {
    cursor: help;
  }
  .markdown .table-inawa-jamo > table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
  }
  .markdown .table-inawa-jamo > table > thead th:nth-child(n+1):nth-child(-n+4) {
    width: 12%;
  }
  .markdown .table-inawa-jamo > table > thead th:nth-child(5) {
    width: 23%;
  }
  /* .markdown .table-inawa-jamo > table > thead th:last-child {
    width: 30%;
  } */
  .markdown .table-inawa-jamo > table {
    text-align: center;
  }
  .markdown .table-inawa-jamo > table td:nth-child(n+5):nth-child(-n+6) {
    text-align: left;
  }
  .markdown .table-inawa-jamo > table > thead {
    font-weight: bold;
  }
  .markdown .table-inawa-jamo > table > tbody td:first-child {
    color: oklch(45.2% 0.3132 264.1); /** blue **/
    font-size: 1.2em;
    font-weight: bold;
  }
  .markdown .table-inawa-jamo > table > tbody td:nth-child(2) {
    color: oklch(72.83% 0.1971 352); /** hotpink **/
    font-size: 1.2em;
    font-weight: bold;
  }
  .markdown .table-inawa-jamo > table ul {
    margin-block: 0;
    padding-inline-start: 0.88rem;
  }
  .table-inawa-jamo .good {
    color: oklch(51.98% 0.1769 142.5); /** green **/
  }
  .table-inawa-jamo .warning {
    color: oklch(62.8% 0.2577 29.23); /** red **/
  }
/** END: Surat Inawa Jamo Table **/
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: BSD-3-Clause
 *
 * Module: 99-config.d/99-tiddlywiki.css
 * Target: TiddlyWiki
**/

/**
 * NOTE:
 *   - Make changes here
**/

/** BGN: fix super wide drop-down **/
  .tc-drop-down {
    min-width: fit-content;
    min-inline-size: fit-content;
  }
/** END: fix super wide drop-down **/

/** BGN: Global classes **/
  .yoo-tw-icon {
    height: 1em;
    width: 1em;
  }
/** END: Global classes **/
/* SPDX-SnippetEnd */

/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 99-config.d/10-grid-surat-inawa-sidebyside.css
 * Target: TiddlyWiki
**/

/** BGN: Grid table wrapper **/
  /**
   * Mobile-first: vertically stacked
   *
   * Col 1: inawa (C1R1 + C1R2)
   * Col 2: latin (C2R1 + C2R2)
  **/
  div.compgrid-table {
    border-block: 1px solid var(--tpc-table-border);
    border-inline: 1px solid var(--tpc-table-border);
    border-radius: 4px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    margin: 0;
    overflow: hidden;
    width: 100%;
  }
/** END: Grid table wrapper **/

/** BGN: a11y wrapper transparency **/
  /**
   * `display: contents` removes the box of these elements from the layout.
   * The role, aria, and lang attributes are preserved.
  **/
  div.compgrid-table div[role="rowgroup"],
  div.compgrid-table div[role="row"] {
    display: contents;
  }
/** END: a11y wrapper transparency **/

/** BGN: Grid table cells **/
  div.compgrid-cell {
    padding-block: 0.25rem;   /** NOTE: 4px in TiddlyWiki **/
    padding-inline: 0.375rem; /** NOTE: 6px in TiddlyWiki **/
  }

  /** <th>-like Header **/
  div.compgrid-cell-header {
    background: var(--tpc-table-header-background);
    font-weight: bold;
    text-align: center; /** NOTE: TiddlyWiki <<th-align>> is left aligned **/
  }

  /** <td>-like Body **/
  div.compgrid-cell-body {
    background: transparent;
    border-block-start: 1px solid var(--tpc-table-border);
  }

  /**
   * Vertical stacking
   *
   * Inawa group: rows 1–2
   * Latin group: rows 3–4
  **/
  div.compgrid-inawa-header {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }
  div.compgrid-inawa-body {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }
  div.compgrid-latin-header {
    border-block-start: 1px solid var(--tpc-table-border);
    grid-column: 1 / -1;
    grid-row: 3 / 4;
  }
  div.compgrid-latin-body {
    grid-column: 1 / -1;
    grid-row: 4 / 5;
  }
/** END: Grid table cells **/

/** BGN: Side-by-side **/
  /**
   * Applies to:
   *   - Desktops and laptops (pointer: fine)
   *   - Tablets landscape: coarse pointer, viewport (height >= 500px)
  **/
  @media (pointer: fine), (orientation: landscape) and (pointer: coarse) and (height >= 500px) {
    div.compgrid-table {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
    }

    div.compgrid-inawa-header {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
    }
    div.compgrid-inawa-body {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
    }

    div.compgrid-latin-header {
      border-block-start: unset;
      border-inline-start: 1px solid var(--tpc-table-border);
      grid-column: 2 / 3;
      grid-row: 1 / 2;
    }
    div.compgrid-latin-body {
      border-inline-start: 1px solid var(--tpc-table-border);
      grid-column: 2 / 3;
      grid-row: 2 / 3;
    }
  }
/** END: Side-by-side upgrade **/
/* SPDX-SnippetEnd */
/* SPDX-SnippetBegin */
/**
 * SPDX-SnippetCopyrightText: © 2024, 2026 JC John Sese Cuneta <https://im.youronly.one/p/contact-us/> · Yelosan Publishing.
 * SPDX-License-Identifier: MPL-2.0
 *
 * Module: 99-config.d/10-table-surat-inawa-jamo.css
 * Target: TiddlyWiki
**/
/** BGN: 3-col Table **/
  .table-inawa-3col abbr {
    cursor: help;
  }
  .markdown .table-inawa-3col > table {
    border-collapse: collapse;
    table-layout: auto;
    width: fit-content;
      max-width: 100%;
      min-width: 50%;
  }
  .markdown .table-inawa-3col > table > thead th:nth-child(n+1):nth-child(-n+2) {
    width: 25%;
      max-width: calc(100% / 3);
      min-width: 25%;
  }
  .markdown .table-inawa-3col > table > thead th:last-child {
    width: auto;
      /* max-width: 50%;
      min-width: 33%; */
  }
  .markdown .table-inawa-3col > table {
    text-align: center;
  }
  .markdown .table-inawa-3col > table td {
    text-align: left;
  }
  .markdown .table-inawa-3col > table > thead {
    font-weight: bold;
  }
  .markdown .table-inawa-3col > table ul {
    margin-block: 0;
    padding-inline-start: 0.88rem;
  }
/** END: 3-col Table **/


/** BGN: Comparison 3-col Table **/
  .table-inawa-comparison-3col abbr {
    cursor: help;
  }
  .markdown .table-inawa-comparison-3col > table {
    border-collapse: collapse;
    table-layout: auto;
    width: fit-content;
      max-width: 100%;
      min-width: 50%;
  }
  .markdown .table-inawa-comparison-3col > table > thead th {
    width: calc(100% / 3);
  }
  .markdown .table-inawa-comparison-3col > table {
    text-align: center;
  }
  .markdown .table-inawa-comparison-3col > table td {
    text-align: left;
  }
  .markdown .table-inawa-comparison-3col > table > thead {
    font-weight: bold;
  }
  .markdown .table-inawa-comparison-3col > table ul {
    margin-block: 0;
    padding-inline-start: 0.88rem;
  }
/** END: Comparison 3-col Table **/


/** BGN: Surat Inawa Jamo Table **/
  .table-inawa-jamo abbr {
    cursor: help;
  }
  .markdown .table-inawa-jamo > table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
  }
  .markdown .table-inawa-jamo > table > thead th:nth-child(n+1):nth-child(-n+4) {
    width: 12%;
  }
  .markdown .table-inawa-jamo > table > thead th:nth-child(5) {
    width: 23%;
  }
  /* .markdown .table-inawa-jamo > table > thead th:last-child {
    width: 30%;
  } */
  .markdown .table-inawa-jamo > table {
    text-align: center;
  }
  .markdown .table-inawa-jamo > table td:nth-child(n+5):nth-child(-n+6) {
    text-align: left;
  }
  .markdown .table-inawa-jamo > table > thead {
    font-weight: bold;
  }
  .markdown .table-inawa-jamo > table > tbody td:first-child {
    color: oklch(45.2% 0.3132 264.1); /** blue **/
    font-size: 1.2em;
    font-weight: bold;
  }
  .markdown .table-inawa-jamo > table > tbody td:nth-child(2) {
    color: oklch(72.83% 0.1971 352); /** hotpink **/
    font-size: 1.2em;
    font-weight: bold;
  }
  .markdown .table-inawa-jamo > table ul {
    margin-block: 0;
    padding-inline-start: 0.88rem;
  }
  .table-inawa-jamo .good {
    color: oklch(51.98% 0.1769 142.5); /** green **/
  }
  .table-inawa-jamo .warning {
    color: oklch(62.8% 0.2577 29.23); /** red **/
  }
/** END: Surat Inawa Jamo Table **/
/* SPDX-SnippetEnd */
/*!
  Theme: Atelier Seaside Light
  Author: Bram de Haan (http://atelierbramdehaan.nl)
  License: ~ MIT (or more permissive) [via base16-schemes-source]
  Maintainer: @highlightjs/core-team
  Version: 2021.09.0
*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#5e6e5e;background:#f4fbf4}.hljs ::selection,.hljs::selection{background-color:#8ca68c;color:#5e6e5e}.hljs-comment{color:#809980}.hljs-tag{color:#687d68}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#5e6e5e}.hljs-operator{opacity:.7}.hljs-bullet,.hljs-deletion,.hljs-name,.hljs-selector-tag,.hljs-template-variable,.hljs-variable{color:#e6193c}.hljs-attr,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol,.hljs-variable.constant_{color:#87711d}.hljs-class .hljs-title,.hljs-title,.hljs-title.class_{color:#98981b}.hljs-strong{font-weight:700;color:#98981b}.hljs-addition,.hljs-code,.hljs-string,.hljs-title.class_.inherited__{color:#29a329}.hljs-built_in,.hljs-doctag,.hljs-keyword.hljs-atrule,.hljs-quote,.hljs-regexp{color:#1999b3}.hljs-attribute,.hljs-function .hljs-title,.hljs-section,.hljs-title.function_,.ruby .hljs-property{color:#3d62f5}.diff .hljs-meta,.hljs-keyword,.hljs-template-tag,.hljs-type{color:#ad2bee}.hljs-emphasis{color:#ad2bee;font-style:italic}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string{color:#e619c3}.hljs-meta .hljs-keyword,.hljs-meta-keyword{font-weight:700}