/**
 * Alma Management — SEBS™ Motion
 * Softer semi-opaque bronze swipe + slower SVG drawing.
 */

html.sebs-motion-boot {
	background: #F6F3EF;
}

html.sebs-motion-boot body {
	opacity: 0;
}

html.sebs-motion-mounted body {
	opacity: 1;
	transition: opacity 260ms ease-out;
}

#sebs-reveal-swipe {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	pointer-events: none;
	overflow: hidden;
	background: rgba(167, 129, 96, .26);
	backdrop-filter: saturate(1.05);
	-webkit-backdrop-filter: saturate(1.05);
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

#sebs-reveal-swipe::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		rgba(255,255,255,0) 0%,
		rgba(255,255,255,.06) 42%,
		rgba(255,255,255,.12) 50%,
		rgba(255,255,255,.04) 58%,
		rgba(255,255,255,0) 100%
	);
	transform: translate3d(-55%, 0, 0);
	opacity: .16;
	will-change: transform, opacity;
}

html.sebs-motion-reveal #sebs-reveal-swipe {
	transform: translate3d(100%, 0, 0);
	transition: transform 1050ms cubic-bezier(.22,.61,.36,1);
}

html.sebs-motion-reveal #sebs-reveal-swipe::after {
	transform: translate3d(45%, 0, 0);
	opacity: 0;
	transition:
		transform 900ms cubic-bezier(.22,.61,.36,1),
		opacity 560ms ease-out;
}

.alma-icon .sebs-draw-svg {
	display: block;
	width: 36px;
	height: 36px;
	overflow: visible;
}

.alma-icon .sebs-draw-svg [data-sebs-draw] {
	opacity: 0;
}

.alma-icon .sebs-draw-svg.is-complete [data-sebs-draw] {
	opacity: 1;
	stroke-dasharray: none !important;
	stroke-dashoffset: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
	html.sebs-motion-boot body,
	html.sebs-motion-mounted body {
		opacity: 1;
		transition: none;
	}

	#sebs-reveal-swipe {
		display: none;
	}

	.alma-icon .sebs-draw-svg [data-sebs-draw] {
		opacity: 1;
		stroke-dasharray: none !important;
		stroke-dashoffset: 0 !important;
	}
}