html.snassi-page-transitions-js .snassi-page-transition-overlay,
.snassi-page-transition-overlay--preview {
	visibility: visible;
}

.snassi-page-transition-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: block;
	background: var(--snassi-overlay-color, #111111);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(0, 0, 0) scale(1);
	transition-property: opacity, transform, visibility;
	transition-duration: var(--snassi-transition-duration, 350ms);
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
	contain: paint;
	overflow: hidden;
}

.snassi-page-transition-overlay > * {
	position: absolute;
	inset: 0;
}

html.snassi-page-transitions-js .snassi-page-transition-overlay.is-active,
.snassi-page-transition-overlay--preview.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

html.snassi-page-transitions-js .snassi-page-transition-overlay.is-inactive,
.snassi-page-transition-overlay--preview.is-inactive {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.snassi-page-transition-overlay[data-transition="slide"].is-revealing {
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	transform: translate3d(0, 0, 0);
	transition-property: opacity;
	transition-duration: var(--snassi-transition-duration, 350ms);
	transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.snassi-page-transition-overlay[data-transition="slide"].is-resetting {
	transition: none;
}

.snassi-page-transition-overlay[data-transition="angled-slide"].is-revealing {
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	transition: none;
}

.snassi-page-transition-overlay[data-transition="angled-slide"].is-resetting,
.snassi-page-transition-overlay[data-transition="angled-slide"].is-resetting .snassi-page-transition-angled-plane {
	transition: none;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"].is-revealing {
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	transition: none;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"] {
	transition: none;
	will-change: auto;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"].is-revealing-final {
	opacity: 1;
	visibility: visible;
	pointer-events: none;
	transition: none;
}

.snassi-page-transition-overlay[data-transition="fade"].is-inactive {
	transform: translate3d(0, 0, 0) scale(1);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="top-to-bottom"].is-inactive {
	transform: translate3d(0, -100%, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="top-to-bottom"].is-revealing {
	transform: translate3d(0, 0, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="bottom-to-top"].is-inactive {
	transform: translate3d(0, 100%, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="bottom-to-top"].is-revealing {
	transform: translate3d(0, 0, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="left-to-right"].is-inactive {
	transform: translate3d(-100%, 0, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="left-to-right"].is-revealing {
	transform: translate3d(0, 0, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="right-to-left"].is-inactive {
	transform: translate3d(100%, 0, 0);
}

.snassi-page-transition-overlay[data-transition="slide"][data-direction="right-to-left"].is-revealing {
	transform: translate3d(0, 0, 0);
}

.snassi-page-transition-overlay[data-transition="angled-slide"],
.snassi-page-transition-overlay[data-transition="glitch-distortion"],
.snassi-page-transition-overlay[data-transition="splatter"],
.snassi-page-transition-overlay[data-transition="multi-layer-slide"],
.snassi-page-transition-overlay[data-transition="blur-fade-in"] {
	background: transparent;
}

.snassi-page-transition-angled-plane {
	top: -16%;
	bottom: -16%;
	left: -42%;
	width: 184%;
	display: none;
	background: var(--snassi-overlay-color, #111111);
	transform-origin: center center;
	will-change: transform;
	opacity: 1;
	transform: translate3d(-150%, 0, 0) skewX(var(--snassi-angle, 18deg));
	transition:
		transform var(--snassi-transition-duration, 350ms) cubic-bezier(0.22, 1, 0.36, 1),
		opacity calc(var(--snassi-transition-duration, 350ms) * 0.24) ease calc(var(--snassi-transition-duration, 350ms) * 0.76);
}

.snassi-page-transition-overlay[data-transition="angled-slide"] .snassi-page-transition-angled-plane {
	display: block;
}

.snassi-page-transition-overlay[data-transition="angled-slide"].is-active .snassi-page-transition-angled-plane {
	transform: translate3d(0, 0, 0) skewX(var(--snassi-angle, 18deg));
}

.snassi-page-transition-overlay[data-transition="angled-slide"][data-direction="left-to-right"].is-inactive .snassi-page-transition-angled-plane {
	transform: translate3d(-150%, 0, 0) skewX(var(--snassi-angle, 18deg));
}

.snassi-page-transition-overlay[data-transition="angled-slide"][data-direction="right-to-left"].is-inactive .snassi-page-transition-angled-plane {
	transform: translate3d(150%, 0, 0) skewX(var(--snassi-angle, 18deg));
}

.snassi-page-transition-overlay[data-transition="angled-slide"][data-direction="left-to-right"].is-revealing .snassi-page-transition-angled-plane,
.snassi-page-transition-overlay[data-transition="angled-slide"][data-direction="right-to-left"].is-revealing .snassi-page-transition-angled-plane {
	transform: translate3d(0, 0, 0) skewX(var(--snassi-angle, 18deg));
}

.snassi-page-transition-overlay[data-transition="angled-slide"].is-revealing .snassi-page-transition-angled-plane {
	transform: translate3d(0, 0, 0) skewX(var(--snassi-angle, 18deg));
	opacity: 0;
}

.snassi-page-transition-spinner,
.snassi-page-transition-distortion,
.snassi-page-transition-splatter,
.snassi-page-transition-loading-bar,
.snassi-page-transition-logo-wrap,
.snassi-page-transition-wireframe,
.snassi-page-transition-glitch,
.snassi-page-transition-blur-layer,
.snassi-page-transition-layers {
	display: none;
}

.snassi-page-transition-overlay[data-transition="circle-loader"] .snassi-page-transition-spinner {
	display: block;
	inset: 50% auto auto 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: transform;
}

.snassi-page-transition-overlay[data-transition="circle-loader"][data-spinner-style="ring"] .snassi-page-transition-spinner {
	position: absolute;
	border: 0;
}

.snassi-page-transition-overlay[data-transition="circle-loader"][data-spinner-style="ring"] .snassi-page-transition-spinner::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.22);
	border-top-color: #ffffff;
	animation: snassi-ring-spin 0.8s linear infinite;
	animation-delay: var(--snassi-circle-loader-ring-offset, 0ms);
}

.snassi-page-transition-overlay[data-transition="circle-loader"][data-spinner-style="dots"] .snassi-page-transition-spinner,
.snassi-page-transition-logo-placeholder {
	display: block;
	width: 64px;
	height: 14px;
	background:
		radial-gradient(circle, #ffffff 0 40%, transparent 45%) 0 50% / 14px 14px no-repeat,
		radial-gradient(circle, #ffffff 0 40%, transparent 45%) 50% 50% / 14px 14px no-repeat,
		radial-gradient(circle, #ffffff 0 40%, transparent 45%) 100% 50% / 14px 14px no-repeat;
	animation: snassi-dots 1.1s ease-in-out infinite;
}

.snassi-page-transition-overlay[data-transition="circle-loader"][data-spinner-style="pulse"] .snassi-page-transition-spinner {
	border: 3px solid rgba(255, 255, 255, 0.9);
	animation: snassi-pulse 1.2s ease-in-out infinite;
}

.snassi-page-transition-overlay[data-transition="circle-loader"][data-spinner-style="orbit"] .snassi-page-transition-spinner {
	border: 2px solid rgba(255, 255, 255, 0.18);
}

.snassi-page-transition-overlay[data-transition="circle-loader"][data-spinner-style="orbit"] .snassi-page-transition-spinner::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	border-radius: 50%;
	background: #ffffff;
	transform-origin: center center;
	transform: rotate(0deg) translate3d(0, -32px, 0);
	backface-visibility: hidden;
	will-change: transform;
	animation: snassi-orbit 0.9s linear infinite;
}

.snassi-page-transition-overlay[data-transition="loading-bar"] .snassi-page-transition-loading-bar {
	display: block;
	top: 50%;
	left: 50%;
	--snassi-loading-bar-motion-duration: 1500ms;
	width: min(420px, 72vw);
	height: 12px;
	margin-top: -6px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.16);
	overflow: hidden;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity calc(var(--snassi-transition-duration, 800ms) * 0.26) ease;
}

.snassi-page-transition-overlay[data-transition="loading-bar"].is-active .snassi-page-transition-loading-bar {
	opacity: 1;
	transition-delay: 0ms;
}

.snassi-page-transition-overlay[data-transition="loading-bar"].is-revealing .snassi-page-transition-loading-bar {
	opacity: 0;
	transition-delay: calc(var(--snassi-transition-duration, 800ms) * 0.74);
}

.snassi-page-transition-loading-bar span {
	position: absolute;
	inset: 0 auto 0 0;
	width: 35%;
	border-radius: inherit;
	background: var(--snassi-loading-bar-color, #ffffff);
	animation: snassi-bar-sweep var(--snassi-loading-bar-motion-duration, 1600ms) ease-in-out infinite;
	animation-delay: calc(var(--snassi-loading-bar-motion-duration, 1600ms) * var(--snassi-loading-bar-delay, 0));
	animation-play-state: paused;
}

.snassi-page-transition-overlay[data-transition="loading-bar"].is-active .snassi-page-transition-loading-bar span,
.snassi-page-transition-overlay[data-transition="loading-bar"].is-revealing .snassi-page-transition-loading-bar span {
	animation-play-state: running;
}

.snassi-page-transition-loading-bar span:nth-child(2) {
	--snassi-loading-bar-delay: 0.12;
}

.snassi-page-transition-loading-bar span:nth-child(3) {
	--snassi-loading-bar-delay: 0.24;
}

.snassi-page-transition-loading-bar span:nth-child(4) {
	--snassi-loading-bar-delay: 0.36;
}

.snassi-page-transition-overlay[data-loading-bar-style="bar-2"] .snassi-page-transition-loading-bar span {
	width: 22%;
	animation-name: snassi-bar-pulse;
}

.snassi-page-transition-overlay[data-loading-bar-style="bar-3"] .snassi-page-transition-loading-bar span {
	width: 16%;
	animation-name: snassi-bar-run;
}

.snassi-page-transition-overlay[data-loading-bar-style="bar-4"] .snassi-page-transition-loading-bar span {
	width: 100%;
	transform-origin: center;
	animation-name: snassi-bar-bloom;
}

.snassi-page-transition-overlay[data-transition="animated-logo"] .snassi-page-transition-logo-wrap {
	display: grid;
	place-items: center;
	inset: 50% auto auto 50%;
	width: 160px;
	height: 160px;
	margin: -80px 0 0 -80px;
	opacity: 0;
	transition: opacity calc(var(--snassi-transition-duration, 800ms) * 0.28) ease;
}

.snassi-page-transition-logo-image {
	max-width: 120px;
	max-height: 72px;
	display: block;
	object-fit: contain;
	transform-origin: 50% 50%;
	transform: translateZ(0);
	backface-visibility: hidden;
	will-change: transform;
}

.snassi-page-transition-overlay[data-transition="animated-logo"].is-active .snassi-page-transition-logo-wrap,
.snassi-page-transition-overlay[data-transition="animated-logo"].is-revealing .snassi-page-transition-logo-wrap {
	opacity: 1;
}

.snassi-page-transition-overlay[data-transition="animated-logo"][data-logo-animation="fade-in"] .snassi-page-transition-logo-wrap {
	transition-duration: 1600ms;
	animation: snassi-logo-fade 1600ms ease-in-out infinite;
}

.snassi-page-transition-overlay[data-transition="animated-logo"][data-logo-animation="bounce"] .snassi-page-transition-logo-wrap {
	animation: snassi-logo-bounce 1500ms ease-in-out infinite;
}

.snassi-page-transition-overlay[data-transition="animated-wireframe"] .snassi-page-transition-wireframe {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(24px, 4vw, 56px);
	color: var(--snassi-wireframe-color, #e3e3e3);
	opacity: 1;
	transform: scale(1);
	transition:
		opacity calc(var(--snassi-transition-duration, 800ms) * 0.55) ease,
		transform calc(var(--snassi-transition-duration, 800ms) * 0.55) cubic-bezier(0.22, 1, 0.36, 1);
}

.snassi-page-transition-overlay[data-transition="animated-wireframe"].is-inactive .snassi-page-transition-wireframe {
	opacity: 0;
	transform: scale(0.92);
}

.snassi-page-transition-wireframe-page {
	width: min(90vw, var(--snassi-wireframe-width, 1120px));
	display: none;
	gap: clamp(10px, 1.75vw, 26px);
	opacity: 0;
	transform: translateY(16px) scale(0.98);
}

.snassi-page-transition-overlay[data-transition="animated-wireframe"][data-wireframe-layout="layout-1"] .snassi-page-transition-wireframe-page--layout-1,
.snassi-page-transition-overlay[data-transition="animated-wireframe"][data-wireframe-layout="layout-2"] .snassi-page-transition-wireframe-page--layout-2,
.snassi-page-transition-overlay[data-transition="animated-wireframe"][data-wireframe-layout="layout-3"] .snassi-page-transition-wireframe-page--layout-3,
.snassi-page-transition-overlay[data-transition="animated-wireframe"][data-wireframe-layout="layout-4"] .snassi-page-transition-wireframe-page--layout-4 {
	display: grid;
}

.snassi-page-transition-overlay[data-transition="animated-wireframe"].is-active .snassi-page-transition-wireframe-page {
	animation: snassi-wireframe-page-in calc(var(--snassi-transition-duration, 800ms) * 0.65) both cubic-bezier(0.22, 1, 0.36, 1);
}

.snassi-page-transition-wireframe-row,
.snassi-page-transition-wireframe-grid {
	width: 100%;
}

.snassi-page-transition-wireframe-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(10px, 1.5vw, 24px);
}

.snassi-page-transition-wireframe-card {
	display: grid;
	gap: clamp(8px, 1vw, 16px);
	min-width: 0;
}

.snassi-page-transition-wireframe-row--tags {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(8px, 0.9vw, 14px);
}

.snassi-page-transition-wireframe-row--editorial {
	display: grid;
	gap: clamp(10px, 1vw, 16px);
}

.snassi-page-transition-wireframe-editorial {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(240px, 0.9fr);
	gap: clamp(12px, 1.8vw, 28px);
}

.snassi-page-transition-wireframe-editorial__main,
.snassi-page-transition-wireframe-editorial__side,
.snassi-page-transition-wireframe-dashboard-side,
.snassi-page-transition-wireframe-product-copy {
	display: grid;
	gap: clamp(10px, 1vw, 16px);
}

.snassi-page-transition-wireframe-dashboard-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(12px, 1.2vw, 16px);
}

.snassi-page-transition-wireframe-dashboard-actions {
	display: flex;
	gap: clamp(8px, 0.8vw, 12px);
	justify-content: flex-end;
}

.snassi-page-transition-wireframe-dashboard-panels {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(10px, 1.2vw, 18px);
}

.snassi-page-transition-wireframe-dashboard-bottom,
.snassi-page-transition-wireframe-product-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
	gap: clamp(12px, 1.8vw, 28px);
}

.snassi-page-transition-wireframe-grid--products {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.snassi-page-transition-wireframe-piece {
	display: block;
	max-width: 100%;
	background: currentColor;
	border-radius: clamp(4px, 0.75vw, 14px);
	opacity: 0;
	will-change: transform, opacity;
}

.snassi-page-transition-wireframe-piece--block {
	transform: scale(0.45);
	transform-origin: 50% 50%;
}

.snassi-page-transition-wireframe-piece--line {
	height: clamp(6px, 0.9vw, 14px);
	transform: scaleX(0);
	transform-origin: 0 50%;
}

.snassi-page-transition-wireframe-piece--hero {
	height: clamp(60px, 13vw, 176px);
}

.snassi-page-transition-wireframe-piece--image {
	height: clamp(54px, 10vw, 132px);
}

.snassi-page-transition-wireframe-piece--feature {
	height: clamp(140px, 24vw, 320px);
}

.snassi-page-transition-wireframe-piece--thumb {
	height: clamp(84px, 12vw, 156px);
}

.snassi-page-transition-wireframe-piece--metric {
	height: clamp(84px, 11vw, 148px);
}

.snassi-page-transition-wireframe-piece--chart {
	height: clamp(220px, 30vw, 360px);
}

.snassi-page-transition-wireframe-piece--button {
	height: clamp(24px, 4vw, 46px);
}

.snassi-page-transition-wireframe-piece--w100 { width: 100%; }
.snassi-page-transition-wireframe-piece--w74 { width: 74%; }
.snassi-page-transition-wireframe-piece--w72 { width: 72%; }
.snassi-page-transition-wireframe-piece--w70 { width: 70%; }
.snassi-page-transition-wireframe-piece--w68 { width: 68%; }
.snassi-page-transition-wireframe-piece--w66 { width: 66%; }
.snassi-page-transition-wireframe-piece--w40 { width: 40%; }
.snassi-page-transition-wireframe-piece--w30 { width: 30%; }
.snassi-page-transition-wireframe-piece--w20 { width: 20%; }
.snassi-page-transition-wireframe-piece--w18 { width: 18%; }
.snassi-page-transition-wireframe-piece--w15 { width: 15%; }
.snassi-page-transition-wireframe-piece--w12 { width: 12%; }

.snassi-page-transition-overlay[data-transition="animated-wireframe"].is-active .snassi-page-transition-wireframe-piece--block {
	animation: snassi-wireframe-block-in calc(var(--snassi-transition-duration, 800ms) * 0.42) both cubic-bezier(0.87, -0.2, 0.19, 1.24);
	animation-delay: var(--snassi-wireframe-delay, 0ms);
}

.snassi-page-transition-overlay[data-transition="animated-wireframe"].is-active .snassi-page-transition-wireframe-piece--line {
	animation: snassi-wireframe-line-in calc(var(--snassi-transition-duration, 800ms) * 0.22) both ease-out;
	animation-delay: var(--snassi-wireframe-delay, 0ms);
}

.snassi-page-transition-overlay[data-transition="animated-wireframe"].is-active .snassi-page-transition-wireframe-piece--button {
	animation: snassi-wireframe-block-in calc(var(--snassi-transition-duration, 800ms) * 0.42) both cubic-bezier(0.87, -0.2, 0.19, 1.24);
	animation-delay: var(--snassi-wireframe-delay, 0ms);
}

.snassi-page-transition-overlay[data-transition="glitch-effect"] .snassi-page-transition-glitch {
	display: block;
	color: var(--snassi-glitch-accent, #7cff00);
	isolation: isolate;
}

.snassi-page-transition-glitch::before,
.snassi-page-transition-glitch::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.snassi-page-transition-glitch::before {
	background:
		repeating-linear-gradient(
			180deg,
			transparent 0 5px,
			rgba(255, 255, 255, 0.04) 5px 6px,
			transparent 6px 11px
		);
	opacity: 0.6;
	mix-blend-mode: screen;
	animation: snassi-glitch-scan var(--snassi-glitch-speed, 240ms) linear infinite;
}

.snassi-page-transition-glitch::after {
	background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.12) 0%, transparent 58%);
	opacity: 0.55;
}

.snassi-page-transition-glitch-layer {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, transparent 0 12%, currentColor 12% 14%, transparent 14% 28%, currentColor 28% 30%, transparent 30% 100%);
	mix-blend-mode: screen;
	opacity: 0.18;
	pointer-events: none;
}

.snassi-page-transition-glitch-layer--primary {
	animation: snassi-glitch-layer-a calc(var(--snassi-glitch-speed, 240ms) * 1.4) steps(2, end) infinite;
}

.snassi-page-transition-glitch-layer--secondary {
	animation: snassi-glitch-layer-b calc(var(--snassi-glitch-speed, 240ms) * 1.13) steps(2, end) infinite;
	opacity: 0.12;
}

.snassi-page-transition-glitch-layer--tertiary {
	animation: snassi-glitch-layer-c calc(var(--snassi-glitch-speed, 240ms) * 0.93) steps(2, end) infinite;
	opacity: 0.09;
}

.snassi-page-transition-glitch-panel {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(76vw, 720px);
	padding: clamp(20px, 3vw, 32px);
	display: grid;
	gap: clamp(14px, 1.4vw, 20px);
	border: 1px solid currentColor;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
		radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.08), transparent 42%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.06) inset,
		0 0 42px currentColor;
	transform: translate(-50%, -50%) scale(0.94);
	opacity: 0;
	overflow: hidden;
}

.snassi-page-transition-overlay[data-transition="glitch-effect"].is-active .snassi-page-transition-glitch-panel {
	animation:
		snassi-glitch-panel-in calc(var(--snassi-transition-duration, 800ms) * 0.34) both cubic-bezier(0.22, 1, 0.36, 1),
		snassi-glitch-panel-jitter calc(var(--snassi-glitch-speed, 240ms) * 1.6) steps(2, end) infinite;
}

.snassi-page-transition-glitch-label {
	font-family: "Courier New", Consolas, monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	opacity: 0.75;
}

.snassi-page-transition-glitch-message {
	position: relative;
	display: inline-block;
	max-width: 100%;
	font-family: "Courier New", Consolas, monospace;
	font-size: clamp(22px, 4vw, 46px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-shadow: 0 0 22px currentColor;
	opacity: 0;
}

.snassi-page-transition-overlay[data-transition="glitch-effect"].is-active .snassi-page-transition-glitch-message {
	animation: snassi-glitch-message-in calc(var(--snassi-transition-duration, 800ms) * 0.52) steps(20, end) both;
}

.snassi-page-transition-glitch-message::before,
.snassi-page-transition-glitch-message::after {
	content: attr(data-text);
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.snassi-page-transition-glitch-message::before {
	color: rgba(255, 255, 255, 0.82);
	clip-path: inset(0 0 48% 0);
	animation: snassi-glitch-rgb-a calc(var(--snassi-glitch-speed, 240ms) * 0.93) steps(2, end) infinite;
}

.snassi-page-transition-glitch-message::after {
	color: currentColor;
	clip-path: inset(54% 0 0 0);
	animation: snassi-glitch-rgb-b calc(var(--snassi-glitch-speed, 240ms) * 0.8) steps(2, end) infinite;
}

.snassi-page-transition-glitch-progress,
.snassi-page-transition-glitch-readout {
	display: grid;
	gap: clamp(8px, 0.85vw, 12px);
}

.snassi-page-transition-glitch-progress span,
.snassi-page-transition-glitch-readout span {
	display: block;
	height: clamp(7px, 0.8vw, 12px);
	background: currentColor;
	transform-origin: 0 50%;
	opacity: 0;
}

.snassi-page-transition-overlay[data-transition="glitch-effect"].is-active .snassi-page-transition-glitch-progress span,
.snassi-page-transition-overlay[data-transition="glitch-effect"].is-active .snassi-page-transition-glitch-readout span {
	animation: snassi-glitch-bar-in calc(var(--snassi-transition-duration, 800ms) * 0.26) both cubic-bezier(0.22, 1, 0.36, 1);
	animation-delay: var(--snassi-glitch-delay, 0ms);
}

.snassi-page-transition-glitch-progress span:nth-child(1) { width: 100%; --snassi-glitch-delay: 120ms; }
.snassi-page-transition-glitch-progress span:nth-child(2) { width: 72%; --snassi-glitch-delay: 180ms; }
.snassi-page-transition-glitch-progress span:nth-child(3) { width: 88%; --snassi-glitch-delay: 240ms; }
.snassi-page-transition-glitch-progress span:nth-child(4) { width: 44%; --snassi-glitch-delay: 300ms; }

.snassi-page-transition-glitch-readout span:nth-child(1) { width: 34%; --snassi-glitch-delay: 240ms; }
.snassi-page-transition-glitch-readout span:nth-child(2) { width: 18%; --snassi-glitch-delay: 290ms; }
.snassi-page-transition-glitch-readout span:nth-child(3) { width: 64%; --snassi-glitch-delay: 340ms; }
.snassi-page-transition-glitch-readout span:nth-child(4) { width: 26%; --snassi-glitch-delay: 390ms; }
.snassi-page-transition-glitch-readout span:nth-child(5) { width: 52%; --snassi-glitch-delay: 440ms; }
.snassi-page-transition-glitch-readout span:nth-child(6) { width: 12%; --snassi-glitch-delay: 490ms; }

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion {
	display: block;
	inset: 0;
	opacity: 1;
	pointer-events: none;
	isolation: isolate;
	background:
		linear-gradient(180deg, rgb(2 4 12 / 0.1), rgb(2 4 12 / 0.26)),
		radial-gradient(circle at 50% 50%, rgb(255 255 255 / 0.05), transparent 70%);
}

.snassi-page-transition-overlay[data-transition="blur-fade-in"],
.snassi-page-transition-overlay[data-transition="blur-fade-in"].is-active,
.snassi-page-transition-overlay[data-transition="blur-fade-in"].is-inactive,
.snassi-page-transition-overlay[data-transition="blur-fade-in"].is-revealing,
.snassi-page-transition-overlay[data-transition="blur-fade-in"].is-resetting {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-layer,
.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-core {
	position: absolute;
	inset: 0;
	display: block;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-layer {
	opacity: 0.42;
	mix-blend-mode: screen;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-layer--wash {
	background:
		repeating-linear-gradient(180deg, rgb(255 255 255 / 0.1) 0 2px, transparent 2px 6px),
		linear-gradient(90deg, transparent 0 8%, rgb(255 255 255 / 0.14) 48%, transparent 92%),
		linear-gradient(180deg, rgb(255 255 255 / 0.04), transparent 55%, rgb(255 255 255 / 0.08));
	opacity: 0.64;
	animation:
		snassi-distortion-flicker var(--snassi-distortion-cycle, 1500ms) linear both,
		snassi-distortion-scan 220ms steps(2, end) infinite;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-layer--slice-a {
	background:
		repeating-linear-gradient(
			180deg,
			transparent 0 10%,
			var(--snassi-distortion-color-a, #00e5ff) 10% 14%,
			transparent 14% 22%,
			var(--snassi-distortion-color-a, #00e5ff) 22% 26%,
			transparent 26% 100%
		);
	filter: blur(0.6px);
	opacity: 0.74;
	animation:
		snassi-distortion-channel-a 260ms steps(2, end) infinite,
		snassi-distortion-layer-opacity var(--snassi-distortion-cycle, 1500ms) linear both;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-layer--slice-b {
	background:
		repeating-linear-gradient(
			180deg,
			transparent 0 6%,
			var(--snassi-distortion-color-b, #ff4fd8) 6% 11%,
			transparent 11% 18%,
			var(--snassi-distortion-color-b, #ff4fd8) 18% 23%,
			transparent 23% 100%
		);
	filter: blur(0.8px);
	opacity: 0.68;
	animation:
		snassi-distortion-channel-b 230ms steps(2, end) infinite,
		snassi-distortion-layer-opacity var(--snassi-distortion-cycle, 1500ms) linear both;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-layer--slice-c {
	background:
		linear-gradient(90deg, transparent 0 18%, rgb(255 255 255 / 0.2) 48%, transparent 82%),
		radial-gradient(circle at 24% 24%, var(--snassi-distortion-color-a, #00e5ff) 0%, transparent 34%),
		radial-gradient(circle at 78% 66%, var(--snassi-distortion-color-b, #ff4fd8) 0%, transparent 32%);
	mix-blend-mode: screen;
	filter: blur(18px) saturate(1.15);
	opacity: 0.58;
	animation:
		snassi-distortion-bloom 320ms ease-in-out infinite,
		snassi-distortion-layer-opacity var(--snassi-distortion-cycle, 1500ms) linear both;
}

.snassi-page-transition-overlay[data-transition="glitch-distortion"] .snassi-page-transition-distortion-core {
	inset: 0;
	background:
		radial-gradient(circle at 28% 32%, var(--snassi-distortion-color-a, #00e5ff) 0%, transparent 28%),
		radial-gradient(circle at 72% 64%, var(--snassi-distortion-color-b, #ff4fd8) 0%, transparent 30%),
		linear-gradient(180deg, rgb(0 0 0 / 0.04), rgb(0 0 0 / 0.18)),
		radial-gradient(circle at 50% 50%, transparent 54%, rgb(0 0 0 / 0.12) 100%);
	opacity: 0.9;
	animation: snassi-distortion-core var(--snassi-distortion-cycle, 1500ms) ease-out both;
}

.snassi-page-transition-overlay[data-transition="splatter"] .snassi-page-transition-splatter {
	display: block;
	background: transparent;
	isolation: isolate;
}

.snassi-page-transition-overlay[data-transition="splatter"].is-preloading {
	background: #ffffff;
	transition-duration: 1000ms;
}

.snassi-page-transition-splatter-layer {
	position: absolute;
	inset: 0;
	opacity: 0.98;
	pointer-events: none;
}

.snassi-page-transition-splatter-layer--primary {
	color: var(--snassi-splatter-primary, #713695);
}

.snassi-page-transition-splatter-layer--accent {
	color: var(--snassi-splatter-accent, #464178);
	opacity: 0.92;
}

.snassi-page-transition-splatter-svg {
	position: absolute;
	inset: -14%;
	width: 128%;
	height: 128%;
	overflow: visible;
	will-change: transform, opacity;
	transform-origin: 50% 50%;
	filter: drop-shadow(0 18px 40px rgb(0 0 0 / 0.08));
}

.snassi-page-transition-splatter-layer[data-splatter-hidden="1"] {
	opacity: 0;
}

html.snassi-page-transition-splatter-active body:not(.wp-admin) > *:not(#snassi-page-transition-overlay):not(script):not(style) {
	opacity: 0;
	visibility: hidden;
}

html.snassi-page-transition-multi-layer-active body:not(.wp-admin) > *:not(#snassi-page-transition-overlay):not(script):not(style) {
	opacity: 0;
	visibility: hidden;
}

html.snassi-page-transition-splatter-exiting body:not(.wp-admin) > *:not(#snassi-page-transition-overlay):not(script):not(style) {
	opacity: 0;
	transition: opacity 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}

html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(img, picture, svg),
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(img, picture, svg) {
	animation: snassi-distortion-chromatic var(--snassi-distortion-cycle, 1500ms) steps(2, end) both;
	will-change: transform, filter;
}

html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption),
html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::before,
html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::after,
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption),
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::before,
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::after {
	animation: snassi-distortion-text-chromatic var(--snassi-distortion-cycle, 1500ms) steps(2, end) both;
	will-change: text-shadow, transform, filter;
}

html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(img, picture, svg, h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption),
html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::before,
html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::after,
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(img, picture, svg, h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption),
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::before,
body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::after {
	transition-property: none !important;
	transition-duration: 0ms !important;
	transition-delay: 0ms !important;
}

.snassi-page-transition-overlay[data-transition="blur-fade-in"] .snassi-page-transition-blur-layer {
	display: block;
	background: transparent;
	opacity: 0;
	transition: none;
}

.snassi-page-transition-overlay[data-transition="blur-fade-in"].is-inactive .snassi-page-transition-blur-layer {
	opacity: 0;
}

html.snassi-page-transition-blur-active body:not(.wp-admin) [data-snassi-blur-target="1"],
body.wp-admin.snassi-page-transition-blur-active .snassi-page-transitions-admin-screen > .snassi-suite__hero,
body.wp-admin.snassi-page-transition-blur-active .snassi-page-transitions-admin-screen .snassi-page-transitions-admin-panel-content {
	animation: snassi-blur-content-reveal var(--snassi-page-transition-duration, 1500ms) cubic-bezier(0.22, 1, 0.36, 1) both;
	will-change: filter;
}

@keyframes snassi-blur-content-reveal {
	from {
		filter: blur(var(--snassi-page-blur-strength, 12px));
	}
	to {
		filter: blur(0);
	}
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"] .snassi-page-transition-layers {
	display: block;
}

.snassi-page-transition-layers span {
	position: absolute;
	inset: 0;
	opacity: 1;
	--snassi-layer-step: 0;
	will-change: transform, opacity;
	transition:
		transform var(--snassi-transition-duration, 350ms) cubic-bezier(0.22, 1, 0.36, 1),
		opacity calc(var(--snassi-transition-duration, 350ms) * 0.24) ease;
}

.snassi-page-transition-layers span:nth-child(1) { background: var(--snassi-layer-1, #111111); --snassi-layer-step: 0; }
.snassi-page-transition-layers span:nth-child(2) { background: var(--snassi-layer-2, #2b59c3); --snassi-layer-step: 1; }
.snassi-page-transition-layers span:nth-child(3) { background: var(--snassi-layer-3, #f5a623); --snassi-layer-step: 2; }
.snassi-page-transition-layers span:nth-child(4) { background: var(--snassi-layer-4, #ef476f); --snassi-layer-step: 3; }
.snassi-page-transition-layers span:nth-child(5) { background: var(--snassi-layer-5, #f7f7f7); --snassi-layer-step: 4; }

.snassi-page-transition-overlay[data-layer-count="3"] .snassi-page-transition-layers span:nth-child(n+4),
.snassi-page-transition-overlay[data-layer-count="4"] .snassi-page-transition-layers span:nth-child(n+5) {
	display: none;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"].is-active .snassi-page-transition-layers span {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition-delay:
		calc(var(--snassi-layer-delay, 200ms) * var(--snassi-layer-step)),
		0ms;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"].is-revealing .snassi-page-transition-layers span {
	opacity: 0;
	transition-delay:
		calc(var(--snassi-layer-delay, 200ms) * var(--snassi-layer-step)),
		calc((var(--snassi-layer-delay, 200ms) * var(--snassi-layer-step)) + (var(--snassi-transition-duration, 1200ms) * 0.76));
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"].is-revealing-final .snassi-page-transition-layers span {
	transform: translate3d(0, 0, 0);
	opacity: 0;
	transition: none;
	animation: none;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-layer-count="3"].is-revealing-final .snassi-page-transition-layers span:nth-child(3),
.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-layer-count="4"].is-revealing-final .snassi-page-transition-layers span:nth-child(4),
.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-layer-count="5"].is-revealing-final .snassi-page-transition-layers span:nth-child(5) {
	opacity: 1;
	animation: snassi-multi-layer-final-fade calc(var(--snassi-transition-duration, 1200ms) * 0.3) ease forwards;
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="left-to-right"].is-revealing .snassi-page-transition-layers span {
	transform: translate3d(102%, 0, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="right-to-left"].is-revealing .snassi-page-transition-layers span {
	transform: translate3d(-102%, 0, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="top-to-bottom"].is-revealing .snassi-page-transition-layers span {
	transform: translate3d(0, 102%, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="bottom-to-top"].is-revealing .snassi-page-transition-layers span {
	transform: translate3d(0, -102%, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="left-to-right"].is-inactive .snassi-page-transition-layers span {
	transform: translate3d(-102%, 0, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="right-to-left"].is-inactive .snassi-page-transition-layers span {
	transform: translate3d(102%, 0, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="top-to-bottom"].is-inactive .snassi-page-transition-layers span {
	transform: translate3d(0, -102%, 0);
}

.snassi-page-transition-overlay[data-transition="multi-layer-slide"][data-direction="bottom-to-top"].is-inactive .snassi-page-transition-layers span {
	transform: translate3d(0, 102%, 0);
}

@keyframes snassi-ring-spin {
	to { transform: rotate(360deg); }
}

@keyframes snassi-dots {
	0%, 100% { transform: scale(1); opacity: 0.5; }
	50% { transform: scale(1.08); opacity: 1; }
}

@keyframes snassi-pulse {
	0% { transform: scale(0.6); opacity: 0.2; }
	70% { transform: scale(1); opacity: 1; }
	100% { transform: scale(1.15); opacity: 0; }
}

@keyframes snassi-orbit {
	from { transform: rotate(0deg) translate3d(0, -32px, 0); }
	to { transform: rotate(360deg) translate3d(0, -32px, 0); }
}

@keyframes snassi-bar-sweep {
	0% { transform: translate3d(-140%, 0, 0); }
	100% { transform: translate3d(300%, 0, 0); }
}

@keyframes snassi-bar-pulse {
	0%, 100% { transform: translate3d(-120%, 0, 0) scaleX(0.6); opacity: 0.45; }
	50% { transform: translate3d(260%, 0, 0) scaleX(1); opacity: 1; }
}

@keyframes snassi-bar-run {
	0% { transform: translate3d(-140%, 0, 0); }
	100% { transform: translate3d(540%, 0, 0); }
}

@keyframes snassi-bar-bloom {
	0%, 100% { transform: scaleX(0.1); opacity: 0.2; }
	50% { transform: scaleX(1); opacity: 1; }
}

@keyframes snassi-multi-layer-final-fade {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes snassi-logo-fade {
	0%, 100% { opacity: 0.3; transform: scale(0.94); }
	50% { opacity: 1; transform: scale(1); }
}

@keyframes snassi-logo-spin {
	from { transform: translate3d(0, 0, 0) rotate(0deg); }
	to { transform: translate3d(0, 0, 0) rotate(360deg); }
}


@keyframes snassi-logo-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-14px); }
}

@keyframes snassi-wireframe-page-in {
	from {
		opacity: 0;
		transform: translateY(16px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes snassi-wireframe-block-in {
	from {
		opacity: 0;
		transform: scale(0.45);
	}
	to {
		opacity: 0.92;
		transform: scale(1);
	}
}

@keyframes snassi-wireframe-line-in {
	from {
		opacity: 0;
		transform: scaleX(0);
	}
	to {
		opacity: 0.92;
		transform: scaleX(1);
	}
}

@keyframes snassi-glitch-scan {
	from { transform: translateY(-12px); }
	to { transform: translateY(12px); }
}

@keyframes snassi-glitch-layer-a {
	0%, 100% { transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
	30% { transform: translate3d(-10px, 6px, 0); clip-path: inset(6% 0 58% 0); }
	55% { transform: translate3d(12px, -4px, 0); clip-path: inset(52% 0 18% 0); }
}

@keyframes snassi-glitch-layer-b {
	0%, 100% { transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
	40% { transform: translate3d(14px, 0, 0); clip-path: inset(14% 0 46% 0); }
	70% { transform: translate3d(-12px, 0, 0); clip-path: inset(60% 0 8% 0); }
}

@keyframes snassi-glitch-layer-c {
	0%, 100% { transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
	35% { transform: translate3d(0, -8px, 0); clip-path: inset(24% 0 40% 0); }
	60% { transform: translate3d(0, 10px, 0); clip-path: inset(68% 0 6% 0); }
}

@keyframes snassi-glitch-panel-in {
	from {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.94);
	}
	to {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}

@keyframes snassi-glitch-panel-jitter {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	30% { transform: translate(calc(-50% + 3px), calc(-50% - 2px)) scale(1.002); }
	55% { transform: translate(calc(-50% - 4px), calc(-50% + 1px)) scale(0.998); }
}

@keyframes snassi-glitch-message-in {
	from { opacity: 0; filter: blur(10px); }
	to { opacity: 1; filter: blur(0); }
}

@keyframes snassi-glitch-rgb-a {
	0%, 100% { transform: translate3d(0, 0, 0); }
	40% { transform: translate3d(-3px, 0, 0); }
	70% { transform: translate3d(2px, -1px, 0); }
}

@keyframes snassi-glitch-rgb-b {
	0%, 100% { transform: translate3d(0, 0, 0); }
	35% { transform: translate3d(3px, 1px, 0); }
	65% { transform: translate3d(-2px, 0, 0); }
}

@keyframes snassi-glitch-bar-in {
	from {
		opacity: 0;
		transform: scaleX(0);
	}
	to {
		opacity: 0.95;
		transform: scaleX(1);
	}
}

@keyframes snassi-distortion-flicker {
	0%, 100% { opacity: 0.26; }
	7% { opacity: 0.7; }
	14% { opacity: 0.22; }
	22% { opacity: 0.54; }
	35% { opacity: 0.3; }
	48% { opacity: 0.74; }
	61% { opacity: 0.18; }
	74% { opacity: 0.58; }
	88% { opacity: 0.28; }
}

@keyframes snassi-distortion-scan {
	0% { transform: translate3d(0, -2%, 0); }
	100% { transform: translate3d(0, 2%, 0); }
}

@keyframes snassi-distortion-channel-a {
	0%, 100% { transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
	18% { transform: translate3d(-14px, 0, 0); clip-path: inset(5% 0 58% 0); }
	34% { transform: translate3d(12px, 0, 0); clip-path: inset(42% 0 24% 0); }
	56% { transform: translate3d(-10px, 0, 0); clip-path: inset(68% 0 8% 0); }
	76% { transform: translate3d(8px, 0, 0); clip-path: inset(24% 0 38% 0); }
}

@keyframes snassi-distortion-channel-b {
	0%, 100% { transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
	14% { transform: translate3d(12px, 0, 0); clip-path: inset(10% 0 46% 0); }
	28% { transform: translate3d(-15px, 0, 0); clip-path: inset(56% 0 16% 0); }
	52% { transform: translate3d(10px, 0, 0); clip-path: inset(20% 0 44% 0); }
	72% { transform: translate3d(-9px, 0, 0); clip-path: inset(74% 0 6% 0); }
}

@keyframes snassi-distortion-bloom {
	0%, 100% { transform: scale(1); opacity: 0.34; }
	50% { transform: scale(1.06); opacity: 0.68; }
}

@keyframes snassi-distortion-layer-opacity {
	0% { opacity: 0; }
	10% { opacity: 0.72; }
	72% { opacity: 0.68; }
	100% { opacity: 0.18; }
}

@keyframes snassi-distortion-core {
	0% {
		opacity: 0;
		transform: scale(0.98);
	}
	14% {
		opacity: 0.82;
		transform: scale(1.02);
	}
	74% {
		opacity: 0.58;
		transform: scale(1.01);
	}
	100% {
		opacity: 0;
		transform: scale(1.04);
	}
}

@keyframes snassi-distortion-content {
	0% {
		transform: none;
		filter: blur(0) saturate(1) contrast(1);
	}
	12% {
		transform: translate3d(6px, 0, 0) skewX(-0.45deg);
		filter: blur(0.5px) saturate(1.1) contrast(1.08);
	}
	22% {
		transform: translate3d(-8px, 0, 0) skewX(0.42deg);
		filter: blur(0.8px) saturate(1.12) contrast(1.1);
	}
	38% {
		transform: translate3d(4px, 0, 0) skewX(-0.2deg);
		filter: blur(0.35px) saturate(1.08) contrast(1.06);
	}
	52% {
		transform: translate3d(-4px, 0, 0);
		filter: blur(0.25px) saturate(1.05) contrast(1.04);
	}
	68% {
		transform: translate3d(2px, 0, 0) skewX(0.12deg);
		filter: blur(0.12px) saturate(1.03) contrast(1.02);
	}
	100% {
		transform: none;
		filter: blur(0) saturate(1) contrast(1);
	}
}

@keyframes snassi-distortion-chromatic {
	0%, 100% {
		transform: none;
		filter: none;
	}
	14% {
		transform: translate3d(3px, 0, 0);
		filter:
			drop-shadow(3px 0 0 var(--snassi-distortion-color-a, #00e5ff))
			drop-shadow(-3px 0 0 var(--snassi-distortion-color-b, #ff4fd8));
	}
	28% {
		transform: translate3d(-4px, 0, 0);
		filter:
			drop-shadow(-4px 0 0 var(--snassi-distortion-color-a, #00e5ff))
			drop-shadow(4px 0 0 var(--snassi-distortion-color-b, #ff4fd8));
	}
	46% {
		transform: translate3d(2px, 0, 0);
		filter:
			drop-shadow(2px 0 0 var(--snassi-distortion-color-a, #00e5ff))
			drop-shadow(-2px 0 0 var(--snassi-distortion-color-b, #ff4fd8));
	}
	100% {
		transform: none;
		filter: none;
	}
}

@keyframes snassi-distortion-text-chromatic {
	0%, 100% {
		transform: none;
		filter: none;
		text-shadow: none;
	}
	16% {
		transform: translate3d(2px, 0, 0);
		filter:
			drop-shadow(3px 0 0 var(--snassi-distortion-color-a, #00e5ff))
			drop-shadow(-3px 0 0 var(--snassi-distortion-color-b, #ff4fd8));
		text-shadow:
			3px 0 0 var(--snassi-distortion-color-a, #00e5ff),
			-3px 0 0 var(--snassi-distortion-color-b, #ff4fd8);
	}
	30% {
		transform: translate3d(-3px, 0, 0);
		filter:
			drop-shadow(-4px 0 0 var(--snassi-distortion-color-a, #00e5ff))
			drop-shadow(4px 0 0 var(--snassi-distortion-color-b, #ff4fd8));
		text-shadow:
			-4px 0 0 var(--snassi-distortion-color-a, #00e5ff),
			4px 0 0 var(--snassi-distortion-color-b, #ff4fd8);
	}
	52% {
		transform: translate3d(2px, 0, 0);
		filter:
			drop-shadow(2px 0 0 var(--snassi-distortion-color-a, #00e5ff))
			drop-shadow(-2px 0 0 var(--snassi-distortion-color-b, #ff4fd8));
		text-shadow:
			2px 0 0 var(--snassi-distortion-color-a, #00e5ff),
			-2px 0 0 var(--snassi-distortion-color-b, #ff4fd8);
	}
	100% {
		transform: none;
		filter: none;
		text-shadow: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.snassi-page-transition-overlay,
	.snassi-page-transition-angled-plane,
	.snassi-page-transition-layers span {
		transition-duration: 1ms !important;
	}

	.snassi-page-transition-spinner,
	.snassi-page-transition-loading-bar span,
	.snassi-page-transition-logo-wrap,
	.snassi-page-transition-wireframe-page,
	.snassi-page-transition-wireframe-piece,
	.snassi-page-transition-distortion,
	.snassi-page-transition-distortion *,
	.snassi-page-transition-glitch,
	.snassi-page-transition-glitch * {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}

	html.snassi-page-transition-blur-active body:not(.wp-admin) [data-snassi-blur-target="1"],
	body.wp-admin.snassi-page-transition-blur-active .snassi-page-transitions-admin-screen > .snassi-suite__hero,
	body.wp-admin.snassi-page-transition-blur-active .snassi-page-transitions-admin-screen .snassi-page-transitions-admin-panel-content {
		animation-duration: 1ms !important;
		filter: none !important;
		transform: none !important;
	}

	html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(img, picture, svg),
	body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(img, picture, svg),
	html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption),
	html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::before,
	html.snassi-page-transition-distortion-active body:not(.wp-admin) :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::after,
	body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption),
	body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::before,
	body.wp-admin.snassi-page-transition-distortion-active .snassi-page-transitions-form :where(h1, h2, h3, h4, h5, h6, p, span, a, strong, em, small, label, li, dt, dd, blockquote, cite, figcaption)::after {
		animation-duration: 1ms !important;
		filter: none !important;
		text-shadow: none !important;
	}

	html.snassi-page-transition-splatter-active body:not(.wp-admin) > *:not(#snassi-page-transition-overlay):not(script):not(style) {
		opacity: 1 !important;
		visibility: visible !important;
	}

	html.snassi-page-transition-multi-layer-active body:not(.wp-admin) > *:not(#snassi-page-transition-overlay):not(script):not(style) {
		opacity: 1 !important;
		visibility: visible !important;
	}

	html.snassi-page-transition-splatter-exiting body:not(.wp-admin) > *:not(#snassi-page-transition-overlay):not(script):not(style) {
		opacity: 0 !important;
		transition-duration: 1ms !important;
	}
}

@media (max-width: 900px) {
	.snassi-page-transition-wireframe-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.snassi-page-transition-wireframe-editorial,
	.snassi-page-transition-wireframe-dashboard-bottom,
	.snassi-page-transition-wireframe-product-hero {
		grid-template-columns: 1fr;
	}

	.snassi-page-transition-wireframe-grid--products,
	.snassi-page-transition-wireframe-dashboard-panels {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.snassi-page-transition-wireframe-grid {
		grid-template-columns: 1fr;
	}

	.snassi-page-transition-wireframe-grid--products,
	.snassi-page-transition-wireframe-dashboard-panels {
		grid-template-columns: 1fr;
	}

	.snassi-page-transition-wireframe-piece--button {
		width: 36%;
	}
}