.header__theme-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	padding: 0;
	border: 1px solid var(--border-color);
	background: transparent;
	color: var(--text-primary);
	cursor: pointer;
	flex: none;
	transition:
		background-color var(--duration-fast) var(--ease-standard),
		border-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard);
}

.header__theme-toggle:hover {
	border-color: var(--accent);
	color: var(--accent);
}

.header__theme-toggle .icon-sun,
.header__theme-toggle .icon-moon {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: 0.9rem;
	transition: opacity var(--duration-fast) var(--ease-standard);
}

.header__theme-toggle .icon-sun {
	position: absolute;
	inset: 0;
	opacity: 0;
}

.header__theme-toggle .icon-moon {
	opacity: 1;
}

/* aria-pressed true = light theme active */
.header__theme-toggle[aria-pressed="true"] .icon-sun {
	opacity: 1;
}

.header__theme-toggle[aria-pressed="true"] .icon-moon {
	opacity: 0;
}

.home .taa-header .header__theme-toggle {
	color: #f7f1e6;
	border-color: rgba(247, 241, 230, 0.35);
}

.home .taa-header .header__theme-toggle:hover {
	color: #fff;
	border-color: rgba(247, 241, 230, 0.7);
}

@media (max-width: 380px) {
	.header__theme-toggle {
		width: 2.1rem;
		height: 2.1rem;
	}
}