.axing-logo {
	display: block;
	min-width: 120px;
	width: 138px;
	max-width: 100%;
	height: 34px;
	aspect-ratio: 276 / 68;
	background: center / contain no-repeat url("../logo/axing-logo-i-black.svg");
}

.axing-logo.axing-logo--black {
	background-image: url("../logo/axing-logo-i-black.svg");
}

.axing-logo.axing-logo--white {
	background-image: url("../logo/axing-logo-i-white.svg");
}

html[data-theme="dark"] .axing-logo:not(.axing-logo--black):not(.axing-logo--white) {
	background-image: url("../logo/axing-logo-i-white.svg");
}

html[data-theme="light"] .axing-logo:not(.axing-logo--black):not(.axing-logo--white) {
	background-image: url("../logo/axing-logo-i-black.svg");
}

@media (prefers-color-scheme: dark) {
	html:not([data-theme]) .axing-logo:not(.axing-logo--black):not(.axing-logo--white) {
		background-image: url("../logo/axing-logo-i-white.svg");
	}
}

.axing-logo:hover {
    opacity: 1;
    transform: scale(1.01);
    filter: saturate(2);
}