/* Brand_Loader: свій лоадер замість трьох смужок теми.
   Тема сама додає <div class="ds-loader-overlay"><span class="ds-loader"></span></div> (masked('body', true)) —
   тут лише вигляд: картка з анімованою «M» (SVG із власною анімацією), затримка появи, фон під оверлеєм. */
.ds-loader-overlay {
	background: var(--bl-backdrop, transparent);
	-webkit-backdrop-filter: var(--bl-blur, none);
	backdrop-filter: var(--bl-blur, none);
	animation: bl-in .22s ease var(--bl-delay, 150ms) both;
}

.ds-loader-overlay .ds-loader {
	width: 84px !important;
	height: 84px !important;
	margin: 0 !important;
	border-radius: 24px;
	opacity: 1 !important;
	color: transparent !important;
	animation: bl-card .32s cubic-bezier(.2, .9, .3, 1.2) var(--bl-delay, 150ms) both !important;
	background: #fff var(--bl-icon, url("m-draw.svg")) center / 60px 60px no-repeat !important;
	box-shadow: 0 14px 36px rgba(16, 24, 40, .16), 0 2px 6px rgba(16, 24, 40, .06);
}

.ds-loader-overlay .ds-loader::before,
.ds-loader-overlay .ds-loader::after {
	display: none !important;
}

.dark-theme .ds-loader-overlay .ds-loader {
	background-color: #1e2430 !important;
	box-shadow: 0 14px 36px rgba(0, 0, 0, .45);
}

@keyframes bl-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes bl-card {
	from { transform: scale(.82); }
	to { transform: scale(1); }
}