.pt-floating-action {
	position: fixed;
	right: 18px;
	z-index: 9001;
	display: grid;
	width: 48px;
	height: 48px;
	padding: 0;
	place-items: center;
	border: 1px solid var(--pt-white);
	border-radius: 10px;
	background: var(--pt-black);
	box-shadow: 3px 3px 0 var(--pt-white);
	color: var(--pt-white);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background var(--pt-transition-fast), box-shadow var(--pt-transition-fast), transform var(--pt-transition-fast);
}

.pt-floating-action:hover {
	transform: translate(1px, 1px);
	background: var(--pt-pink);
	box-shadow: 2px 2px 0 var(--pt-white);
	color: var(--pt-white);
}

.pt-floating-action:active {
	transform: translate(3px, 3px);
	background: var(--pt-pink);
	box-shadow: none;
}

.pt-theme-toggle {
	bottom: 78px;
}

.pt-theme-toggle__icon {
	grid-area: 1 / 1;
	width: 16px;
	height: 16px;
	transition: opacity var(--pt-transition-fast), transform var(--pt-transition-fast);
}

.pt-theme-toggle__moon {
	opacity: 0;
	transform: scale(.75) rotate(-20deg);
}

[data-pt-theme="dark"] .pt-theme-toggle__sun {
	opacity: 0;
	transform: scale(.75) rotate(20deg);
}

[data-pt-theme="dark"] .pt-theme-toggle__moon {
	opacity: 1;
	transform: scale(1) rotate(0);
}

@media (max-width: 1024px) {
	.pt-floating-action {
		right: 14px;
	}

	.pt-theme-toggle {
		bottom: 74px;
	}
}

.pt-breadcrumbs {
	display: flex;
	align-items: flex-start;
	gap: .6rem;
	color: var(--pt-breadcrumb-color);
}

.pt-breadcrumbs__home-icon {
	flex: 0 0 1rem;
	width: 1rem;
	height: 1rem;
	margin-top: .15rem;
	background: currentColor;
	-webkit-mask: url("../images/house-breadcrumb.svg") center / contain no-repeat;
	mask: url("../images/house-breadcrumb.svg") center / contain no-repeat;
}

.pt-breadcrumbs .rank-math-breadcrumb {
	min-width: 0;
}

.pt-breadcrumbs .rank-math-breadcrumb p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem .55rem;
	margin: 0;
}

.pt-breadcrumbs .rank-math-breadcrumb a {
	color: var(--pt-breadcrumb-color);
	text-decoration: none;
}

.pt-breadcrumbs .rank-math-breadcrumb a:hover {
	color: var(--pt-link-hover);
	text-decoration: underline;
}

.pt-breadcrumbs .separator {
	color: var(--pt-breadcrumb-separator);
}

.pt-breadcrumbs .last {
	overflow: hidden;
	max-width: 24rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pt-toc,
.pt-author-box,
.pt-related {
	background: var(--pt-surface);
}

.pt-toc__list {
	color: var(--pt-text-muted);
}

.pt-toc a {
	color: var(--pt-text-muted);
}

.pt-toc a:hover,
.pt-toc a:focus-visible,
.post-navigation a:hover strong {
	color: var(--pt-link-hover);
}

.pt-post-tags a {
	background: var(--pt-accent-soft);
	color: var(--pt-accent-soft-text);
}

html[data-pt-theme="dark"] .pt-toc,
html[data-pt-theme="dark"] .pt-author-box,
html[data-pt-theme="dark"] .post-navigation a,
html[data-pt-theme="dark"] .pt-comment-list .comment-body,
html[data-pt-theme="dark"] .comment-respond {
	background: #000;
}

html[data-pt-theme="dark"] .pt-comment-form .submit {
	color: var(--pt-white);
}

@media (max-width: 620px) {
	.pt-breadcrumbs .last {
		max-width: min(18rem, 72vw);
	}
}