@font-face {
	font-family: "SVBasicManual";
	src: url("./fonts/SVBasicManual.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Jaro";
	src: url("./fonts/Jaro.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	color-scheme: light;
	--frontmark-color-scheme: light;
	--frontmark-theme-name: blog;
	--frontmark-font-text: "SVBasicManual", "Courier New", ui-monospace, monospace;
	--frontmark-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
	--frontmark-font-menu: "Jaro", "SVBasicManual", "Courier New", monospace;
	--frontmark-font-heading: "Jaro", "SVBasicManual", "Courier New", monospace;
	--frontmark-font-subheading: "Faro", "Jaro", "SVBasicManual", "Courier New", monospace;
	--frontmark-heading-first-letter: #d05c18;
	--frontmark-theme-ink: #ffffff;
	--frontmark-theme-night: #f7fbfc;
	--frontmark-theme-deep: #d9eef3;
	--frontmark-theme-panel: #ffffff;
	--frontmark-theme-panel-soft: #eef8fa;
	--frontmark-theme-accent: #0f8aa5;
	--frontmark-theme-accent-bright: #16a9c7;
	--frontmark-theme-accent-soft: #075e73;
	--frontmark-theme-steel: #627982;
	--frontmark-theme-text: #17272c;
	--frontmark-theme-muted: #405158;
	--frontmark-theme-header: #0f8eaa;
	--frontmark-theme-warning: #f18a24;
	--frontmark-theme-danger: #c84848;
	--frontmark-ink: var(--frontmark-theme-ink);
	--frontmark-night: var(--frontmark-theme-night);
	--frontmark-deep: var(--frontmark-theme-deep);
	--frontmark-panel: var(--frontmark-theme-panel);
	--frontmark-panel-soft: var(--frontmark-theme-panel-soft);
	--frontmark-cyan: var(--frontmark-theme-accent);
	--frontmark-cyan-bright: var(--frontmark-theme-accent-bright);
	--frontmark-cyan-soft: var(--frontmark-theme-accent-soft);
	--frontmark-steel: var(--frontmark-theme-steel);
	--frontmark-text: var(--frontmark-theme-text);
	--frontmark-muted: var(--frontmark-theme-muted);
	--frontmark-header: var(--frontmark-theme-header);
	--frontmark-yellow: var(--frontmark-theme-warning);
	--frontmark-danger: var(--frontmark-theme-danger);
	--frontmark-scroll-progress-gradient: linear-gradient(90deg, #075e73 0%, #16a9c7 62%, #d05c18 100%);
	--frontmark-scroll-progress-track: rgba(7, 94, 115, 0.12);
	--frontmark-scroll-progress-shadow: 0 0 0.85rem rgba(15, 138, 165, 0.42);
	--frontmark-admonition-background-base: var(--frontmark-panel);
	--frontmark-admonition-background-tint: 10%;
	--frontmark-mkdocs-code-background: color-mix(in srgb, var(--frontmark-theme-accent) 7%, var(--frontmark-panel));
	--frontmark-mkdocs-code-border: color-mix(in srgb, var(--frontmark-theme-accent) 26%, transparent);
	--frontmark-mkdocs-root-code-background: color-mix(in srgb, var(--frontmark-theme-danger) 10%, var(--frontmark-panel));
	--frontmark-mkdocs-root-code-border: color-mix(in srgb, var(--frontmark-theme-danger) 46%, transparent);
	--frontmark-mkdocs-code-label-color: var(--frontmark-theme-muted);
	--frontmark-mkdocs-code-caption-color: var(--frontmark-theme-text);
	--frontmark-mkdocs-root-code-caption-color: var(--frontmark-theme-danger);
	--mkdocs-tabbed-active-color: var(--frontmark-theme-accent-soft);
	--mkdocs-tabbed-active-bg: color-mix(in srgb, var(--frontmark-theme-accent) 14%, var(--frontmark-panel));
	--mkdocs-tabbed-active-border: var(--frontmark-theme-accent);
	--frontmark-body-background:
		radial-gradient(circle at 82% 5rem, rgba(15, 138, 165, 0.1), transparent 28rem),
		linear-gradient(180deg, #ffffff, #f7fbfc 34rem);
	--frontmark-header-background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 34rem),
		linear-gradient(180deg, #0b6d84 0 56%, #0f8eaa 56% 100%);
	--frontmark-header-text: #f4fbfd;
	--frontmark-header-border: rgba(5, 82, 102, 0.74);
	--frontmark-theme-nav-height: 66px;
	--frontmark-theme-nav-height-minimized: 48px;
	--frontmark-menu-title-size: 27px;
	--frontmark-menu-title-size-minimized: 20px;
	--frontmark-logo-size: 62px;
	--frontmark-logo-size-minimized: 36px;
	--frontmark-brand-align: flex-start;
	--frontmark-brand-text-align: left;
	--frontmark-header-radius: 0;
	--frontmark-header-shadow: 0 2px 0 rgba(5, 82, 102, 0.5), 0 0.62rem 1.4rem rgba(5, 82, 102, 0.18);
	--frontmark-theme-toolbar-background: rgba(238, 248, 250, 0.96);
	--frontmark-theme-toolbar-border: rgba(15, 138, 165, 0.28);
	--frontmark-theme-toolbar-group-background: #ffffff;
	--frontmark-theme-toolbar-group-border: rgba(15, 138, 165, 0.22);
	--frontmark-theme-toolbar-group-text: #075e73;
		--frontmark-theme-toolbar-button-background: #fbfeff;
	--frontmark-theme-toolbar-button-text: #083f4f;
	--frontmark-theme-toolbar-button-border: rgba(15, 138, 165, 0.28);
	--frontmark-theme-toolbar-button-hover-background: #def3f7;
	--frontmark-theme-toolbar-active-background: #c4edf4;
	--frontmark-theme-toolbar-active-border: #0f8aa5;
	--frontmark-header-icon-background: rgba(6, 92, 113, 0.78);
	--frontmark-header-icon-hover-background: rgba(255, 255, 255, 0.18);
	--frontmark-header-icon-text: #f4fbfd;
	--frontmark-header-icon-hover-text: #ffffff;
	--frontmark-mobile-menu-button-background: rgba(6, 92, 113, 0.78);
	--frontmark-mobile-menu-button-hover-background: rgba(255, 255, 255, 0.18);
	--frontmark-mobile-menu-button-text: #f4fbfd;
	--frontmark-page-tools-background: #fbfeff;
	--frontmark-page-tools-border: rgba(15, 138, 165, 0.24);
	--frontmark-page-tools-text: #405158;
	--frontmark-page-tools-qr-background: #ffffff;
	--frontmark-page-tools-qr-foreground: #083f4f;
	--frontmark-page-tools-action-background: #ffffff;
	--frontmark-page-tools-action-border: rgba(15, 138, 165, 0.24);
	--frontmark-page-tools-action-text: #083f4f;
	--frontmark-page-tools-action-hover-background: #def3f7;
	--frontmark-page-tools-action-hover-text: #075e73;
	--frontmark-footer-background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 34rem),
		linear-gradient(180deg, #0b6d84, #075e73);
		--frontmark-footer-fixed-background:
			linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 34rem),
			linear-gradient(180deg, #0b6d84, #075e73);
		--frontmark-footer-icon-gap: 0.28rem;
		--frontmark-footer-social-size: 2.15rem;
		--frontmark-footer-social-icon-size: 1.08rem;
		--frontmark-footer-social-border-width: 0;
		--frontmark-footer-border: rgba(5, 82, 102, 0.7);
		--frontmark-footer-text: #c9edf4;
		--frontmark-footer-strong-text: #f4fbfd;
	--frontmark-footer-muted-text: #9ad9e5;
	--frontmark-footer-link: #d9f7fb;
	--frontmark-footer-link-hover: #ffffff;
	--frontmark-footer-social-background: rgba(255, 255, 255, 0.14);
	--frontmark-footer-social-border: rgba(217, 247, 251, 0.34);
	--frontmark-footer-social-text: #f4fbfd;
		--frontmark-footer-social-hover-background: rgba(255, 255, 255, 0.24);
		--frontmark-footer-social-hover-border: rgba(244, 251, 253, 0.72);
		--frontmark-footer-social-hover-text: #ffffff;
		--frontmark-footer-inline-icon-border: 0;
		--frontmark-footer-inline-icon-background: var(--frontmark-footer-social-background);
		--frontmark-footer-inline-icon-hover-border: transparent;
		--frontmark-footer-inline-icon-hover-background: var(--frontmark-footer-social-hover-background);
		--frontmark-tag-text: #075e73;
	--frontmark-tag-background: #e1f5f8;
	--frontmark-tag-border: rgba(15, 138, 165, 0.36);
	--frontmark-tag-hover-text: #ffffff;
	--frontmark-tag-hover-background: #0f8aa5;
	--frontmark-tag-hover-border: #9ad9e5;
	--frontmark-container-shadow-long-drop: 1.15rem 1.15rem 0 rgba(15, 138, 165, 0.22);
		--frontmark-container-shadow-hard: 0.55rem 0.55rem 0 rgba(8, 63, 79, 0.34);
		--frontmark-container-shadow-halo: 0 0 2.2rem rgba(22, 169, 199, 0.28);
		--frontmark-container-shadow-light: 0 0.8rem 1.9rem rgba(8, 63, 79, 0.12);
		--frontmark-starlight-header-font: -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		--frontmark-starlight-nav-font: var(--frontmark-starlight-header-font);
	}

	:root :where(header.header, .frontmark-header-shell) .site-title {
		font-family: var(--frontmark-starlight-header-font);
		font-size: 24px;
		line-height: 42px;
	}

	:root :where(header.header, .frontmark-header-shell) .brand-title {
		font-size: 24px;
		line-height: 26.4px;
	}

	:root :where(header.header, .frontmark-header-shell) .brand-title strong {
		font-family: var(--frontmark-font-menu);
		line-height: 0.98;
		text-transform: none;
	}

	:root :where(header.header, .frontmark-header-shell) .frontmark-header-nav {
		font-family: var(--frontmark-starlight-nav-font);
		line-height: 28px;
	}

	:root :where(header.header, .frontmark-header-shell) .frontmark-header-nav a {
		font-family: inherit;
	}

	:root :is(.prose, .sl-markdown-content, .main-pane) h1 {
		font-family: var(--frontmark-font-heading);
		font-weight: 400;
		letter-spacing: 0;
	}

	:root .sl-markdown-content .mkdocs-tag,
	:root .prose .mkdocs-tag {
	border-color: var(--frontmark-tag-border);
	color: var(--frontmark-tag-text);
	background: var(--frontmark-tag-background);
}

:root .sl-markdown-content .mkdocs-tag:hover,
:root .sl-markdown-content .mkdocs-tag:focus-visible,
:root .prose .mkdocs-tag:hover,
:root .prose .mkdocs-tag:focus-visible {
	border-color: var(--frontmark-tag-hover-border);
	color: var(--frontmark-tag-hover-text);
	background: var(--frontmark-tag-hover-background);
}

:root .brand-title strong {
	--frontmark-title-effect-color: #b7f3ff;
	color: var(--frontmark-header-text);
	letter-spacing: 0;
	text-shadow:
		0 1px 0 rgba(3, 57, 70, 0.88),
		0.045em 0 color-mix(in srgb, var(--frontmark-title-effect-color) 24%, transparent),
		0 0.18rem 0.38rem rgba(3, 57, 70, 0.4);
}

:root .brand-title strong::after {
	content: "";
	position: absolute;
	inset-inline: 0.08rem 0.12rem;
	inset-block-end: -0.34rem;
	height: 0.18rem;
	background:
		linear-gradient(90deg, transparent, rgba(183, 243, 255, 0.82), transparent),
		linear-gradient(90deg, rgba(255, 255, 255, 0.22), rgba(183, 243, 255, 0.46));
	border-radius: 999px;
	opacity: 0.72;
	pointer-events: none;
	animation: none;
}

:root .brand-title small {
	color: rgba(244, 251, 253, 0.82);
}

:root .brand-version {
	border-color: rgba(244, 251, 253, 0.32);
	background: rgba(3, 57, 70, 0.28);
	color: #f4fbfd;
}

:root .frontmark-header-nav a:hover,
:root .frontmark-header-nav a:focus-visible,
:root .frontmark-header-nav a[aria-current="page"] {
	border-color: rgba(244, 251, 253, 0.28);
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
	box-shadow: inset 0 -2px 0 rgba(183, 243, 255, 0.48);
}

:root .frontmark-header-search site-search button,
:root .frontmark-social-link,
:root .frontmark-header-menu summary,
:root .frontmark-header-menu-search-button,
:root .frontmark-theme-toggle-button {
	border-color: rgba(183, 243, 255, 0.28);
	background: rgba(3, 57, 70, 0.52);
	color: #f4fbfd;
}

:root .frontmark-header-search site-search button span {
	color: rgba(244, 251, 253, 0.8);
}

:root .frontmark-header-search site-search button kbd {
	border-color: rgba(183, 243, 255, 0.46);
	background: rgba(244, 251, 253, 0.92);
	color: #075e73;
}

:root .frontmark-header-search site-search button:hover,
:root .frontmark-social-link:hover,
:root .frontmark-social-link:focus-visible,
:root .frontmark-header-menu summary:hover,
:root .frontmark-header-menu summary:focus-visible,
:root .frontmark-header-menu-search-button:hover,
:root .frontmark-header-menu-search-button:focus-visible,
:root .frontmark-theme-toggle-button:hover,
:root .frontmark-theme-toggle-button:focus-visible {
	border-color: rgba(244, 251, 253, 0.56);
	background: rgba(255, 255, 255, 0.18);
	color: #ffffff;
}

:root .frontmark-header-menu-panel {
	border-color: rgba(183, 243, 255, 0.3);
	background:
		linear-gradient(155deg, rgba(183, 243, 255, 0.08), transparent 34%),
		#075e73;
	color: #f4fbfd;
	box-shadow: 0 1.1rem 2.8rem rgba(3, 57, 70, 0.32);
}

:root .frontmark-header-menu-panel a {
	color: #f4fbfd;
}

:root .frontmark-header-menu-panel .frontmark-header-menu-actions {
	border-bottom-color: rgba(183, 243, 255, 0.2);
}

:root .frontmark-header-menu-panel a:hover,
:root .frontmark-header-menu-panel a:focus-visible,
:root .frontmark-header-menu-panel a[aria-current="page"] {
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}

:root :is(.prose, .sl-markdown-content, .main-pane) h1 {
	color: #0f8aa5;
	font-size: clamp(2rem, 4vw, 2.7rem);
	line-height: 0.98;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

:root :is(.prose, .sl-markdown-content, .main-pane) h2 {
	color: #000000;
	font-family: var(--frontmark-font-subheading);
	font-weight: 400;
	letter-spacing: 0;
}

:root :is(.prose, .sl-markdown-content, .main-pane) h2::first-letter {
	color: var(--frontmark-heading-first-letter);
}

:root .sl-markdown-content :is(.sl-heading-wrapper.level-h2 > h2, h2):not(:where(.not-content *)) {
	color: #000000 !important;
	font-family: var(--frontmark-font-subheading) !important;
	font-weight: 400;
	letter-spacing: 0;
}

:root .sl-markdown-content .sl-heading-wrapper.level-h2 > h2:not(:where(.not-content *)) {
	display: inline-block !important;
}

:root .sl-markdown-content :is(.sl-heading-wrapper.level-h2 > h2, h2):not(:where(.not-content *))::first-letter {
	color: var(--frontmark-heading-first-letter) !important;
}

:root :where(.sidebar-content, .sidebar-pane, nav[aria-label="Main"]) a[aria-current="page"] .mkdocs-sidebar-icon,
:root :where(.sidebar-content, .sidebar-pane, nav[aria-label="Main"]) a[aria-current="page"]:hover .mkdocs-sidebar-icon,
:root :where(.sidebar-content, .sidebar-pane, nav[aria-label="Main"]) a[aria-current="page"]:focus-visible .mkdocs-sidebar-icon {
	color: inherit;
}

@keyframes frontmarkSoftwareTitleScan {
	0% {
		background-position: -8rem 0, 0 0;
	}

	100% {
		background-position: 8rem 0, 0 0;
	}
}