.magic-logo {
	display: block;
	max-width: 100%;
}
.magic-logo__inner,
.magic-logo__link {
	display: block;
	width: 100%;
	max-width: 100%;
}
.magic-logo__link {
	color: inherit;
	text-decoration: none;
}
.magic-logo__svg {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	overflow: visible;
}

.magic-logo[style*="--magic-logo-fill:"] .magic-logo__svg :is(path, circle, ellipse, polygon, polyline, rect) {
	fill: var(--magic-logo-fill) !important;
}

/* Header Builder sizes Magic Logo by height; pass that height through its wrappers. */
.l-header .magic-logo,
.l-header .magic-logo__link,
.l-header .magic-logo__inner {
	height: 100%;
}
.l-header .magic-logo__svg {
	width: auto;
	height: 100%;
}

.magic-logo--fade:not([data-magic-logo-ready="true"]) [data-magic-logo-part="txt2"],
.magic-logo--fade:not([data-magic-logo-ready="true"]) [data-magic-logo-part="txt3"] {
	visibility: hidden;
	opacity: 0;
}