:root {
	--lf-royal-navy: #003778;
	--lf-azure: #0094ff;
	--lf-royal-purple: #5b1de7;
	--lf-deep-navy: #002857;
	--lf-deep-azure: #0077cc;
	--lf-deep-purple: #3d14a3;
	--lf-darkest-navy: #00183c;
	--lf-cyan: #12e2e2;
	--lf-pink: #ff00aa;
	--lf-acid-green: #acde1f;
	--lf-gray-50: #f6f7fa;
	--lf-gray-200: #d6d6d6;
	--lf-gray-600: #818183;
	--lf-gray-800: #6e6e6e;
	--lf-gray-950: #222222;
}

[data-md-color-scheme="default"] {
	--md-primary-fg-color: var(--lf-royal-navy);
	--md-primary-fg-color--light: var(--lf-azure);
	--md-primary-fg-color--dark: var(--lf-deep-navy);
	--md-accent-fg-color: var(--lf-royal-purple);
	--md-accent-fg-color--transparent: #5b1de71a;
	--md-typeset-a-color: var(--lf-deep-azure);
	--md-code-hl-color: #0094ff1f;
}

[data-md-color-scheme="slate"] {
	--md-primary-fg-color: var(--lf-darkest-navy);
	--md-primary-fg-color--light: var(--lf-royal-navy);
	--md-primary-fg-color--dark: #000f27;
	--md-accent-fg-color: var(--lf-cyan);
	--md-accent-fg-color--transparent: #12e2e226;
	--md-typeset-a-color: var(--lf-cyan);
	--md-code-hl-color: #12e2e21f;
}

::selection {
	background-color: var(--md-accent-fg-color--transparent);
}

.md-typeset mark {
	background-color: #acde1f66;
}

.mkap-window-codespace {
	background: var(--mkap-codespace-terminal-bg, #ffffff);
	border: 1px solid var(--mkap-codespace-border, #d6d6d6);
	border-radius: 6px;
	box-shadow: 0 10px 24px var(--mkap-codespace-shadow, #00183c14);
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.mkap-menu-codespace {
	align-items: flex-end;
	background: var(--mkap-codespace-bar-bg, #f6f7fa);
	border-bottom: 1px solid var(--mkap-codespace-border, #d6d6d6);
	display: flex;
	height: 2.6rem;
}

.mkap-tab-codespace {
	align-items: center;
	background: var(--mkap-codespace-tab-bg, #ffffff);
	border-right: 1px solid var(--mkap-codespace-border, #d6d6d6);
	border-top: 2px solid var(--lf-pink);
	color: var(--mkap-codespace-tab-fg, #222222);
	display: inline-flex;
	font-size: 0.72rem;
	font-weight: 500;
	gap: 0.5rem;
	height: 2.6rem;
	padding: 0 0.75rem;
}

.mkap-tab-icon-codespace {
	border: 1.5px solid var(--mkap-codespace-icon-stroke, var(--lf-gray-800));
	border-radius: 3px;
	display: inline-block;
	height: 0.95rem;
	position: relative;
	transform: perspective(0.8rem) rotateY(-28deg);
	width: 0.75rem;
}

.mkap-tab-icon-codespace::before {
	background: var(--mkap-codespace-icon-fill, var(--lf-gray-950));
	border-radius: 0 0 2px 2px;
	bottom: -1.5px;
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 28%);
	content: "";
	height: 0.5rem;
	position: absolute;
	right: -1.5px;
	width: 0.42rem;
}

.mkap-tab-icon-codespace::after {
	color: #ffffff;
	content: ">_";
	font-family: var(--md-code-font-family);
	font-size: 0.26rem;
	font-weight: 700;
	line-height: 1;
	position: absolute;
	right: -0.06rem;
	top: 0.52rem;
	transform: rotateY(28deg);
}

.mkap-tab-close-codespace {
	color: var(--mkap-codespace-tab-fg, var(--lf-gray-950));
	font-size: 1.1rem;
	line-height: 1;
	margin-left: 1.2rem;
}

.mkap-player-codespace {
	background: var(--mkap-codespace-terminal-bg, #ffffff);
}

[data-md-color-scheme="slate"] .mkap-window-codespace {
	--mkap-codespace-bar-bg: #252934;
	--mkap-codespace-border: #3a3f4b;
	--mkap-codespace-icon-fill: #d6d6d6;
	--mkap-codespace-icon-stroke: #d6d6d6;
	--mkap-codespace-shadow: #00000059;
	--mkap-codespace-tab-bg: #1f232d;
	--mkap-codespace-tab-fg: #f6f7fa;
	--mkap-codespace-terminal-bg: #0f1117;
}

.mkap-player-codespace .ap-player {
	border-radius: 0;
}

.md-header__source,
.md-nav__source {
	display: none;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
	height: 1.8rem;
	width: auto;
}

.codespaces-prompt-user {
	color: #116329;
}

.codespaces-prompt-path {
	color: #3f6fd1;
}

.codespaces-prompt-branch-wrap {
	color: #1b7c83;
}

.codespaces-prompt-branch {
	color: #a40e26;
}

body[data-md-color-scheme="default"]
	.ap-player.asciinema-player-theme-skills-docs {
	--term-color-foreground: #24292f;
	--term-color-background: #ffffff;
	--term-color-0: #24292f;
	--term-color-1: #cf222e;
	--term-color-2: #116329;
	--term-color-3: #4d2d00;
	--term-color-4: #0969da;
	--term-color-5: #8250df;
	--term-color-6: #1b7c83;
	--term-color-7: #f6f8fa;
	--term-color-8: #57606a;
	--term-color-9: #a40e26;
	--term-color-10: #1a7f37;
	--term-color-11: #633c01;
	--term-color-12: #218bff;
	--term-color-13: #a475f9;
	--term-color-14: #3192aa;
	--term-color-15: #ffffff;
}

body[data-md-color-scheme="slate"]
	.ap-player.asciinema-player-theme-skills-docs {
	--term-color-foreground: #cccccc;
	--term-color-background: #121314;
	--term-color-0: hsl(0, 0%, 0%);
	--term-color-1: hsl(343, 70%, 55%);
	--term-color-2: hsl(103, 70%, 44%);
	--term-color-3: hsl(43, 70%, 55%);
	--term-color-4: hsl(193, 70%, 49.5%);
	--term-color-5: hsl(283, 70%, 60.5%);
	--term-color-6: hsl(163, 70%, 60.5%);
	--term-color-7: hsl(0, 0%, 85%);
	--term-color-8: hsl(0, 0%, 30%);
	--term-color-9: hsl(343, 70%, 55%);
	--term-color-10: hsl(103, 70%, 44%);
	--term-color-11: hsl(43, 70%, 55%);
	--term-color-12: hsl(193, 70%, 49.5%);
	--term-color-13: hsl(283, 70%, 60.5%);
	--term-color-14: hsl(163, 70%, 60.5%);
	--term-color-15: hsl(0, 0%, 100%);
}

.ap-player.asciinema-player-theme-skills-docs
	.ap-overlay-start
	.ap-play-button
	svg
	.ap-play-btn-fill {
	fill: var(--term-color-4);
}

.ap-player.asciinema-player-theme-skills-docs
	.ap-overlay-start
	.ap-play-button
	svg
	.ap-play-btn-stroke {
	stroke: var(--term-color-4);
}